Restored minimum width for GCWU theme popup headers to minimize risk …

…of truncation.
wet-boew · Feb 26, 2013 · f3fcf97 · f3fcf97
1 parent 4975025
commit f3fcf97
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 33 deletions.
diff --git a/src/theme-base/sass/includes/_default-mobile.scss b/src/theme-base/sass/includes/_default-mobile.scss
@@ -43,6 +43,10 @@
 	border: none;
 }
 
+%base-default-mobile-text-decoration-none {
+	text-decoration: none;
+}
+
 body {
 	@if $experimental-support-for-webkit {
 		-webkit-text-size-adjust: none;
@@ -60,24 +64,24 @@ a {
 	}
 }
 
-%base-default-mobile-no-shadow {
+%base-default-mobile-text-shadow-none {
 	text-shadow: none;
 }
 
 blockquote {
-	@extend %base-default-mobile-no-shadow;
+	@extend %base-default-mobile-text-shadow-none;
 }
 
 form {
-	@extend %base-default-mobile-no-shadow;
+	@extend %base-default-mobile-text-shadow-none;
 }
 
 #{headings(2,6)} {
-	@extend %base-default-mobile-no-shadow;
+	@extend %base-default-mobile-text-shadow-none;
 }
 
 img {
-	@extend %base-default-mobile-no-shadow;
+	@extend %base-default-mobile-text-shadow-none;
 	max-width: 100%;
 	height: auto;
 	@extend %base-default-mobile-display-block;
@@ -95,15 +99,15 @@ li {
 }
 
 p {
-	@extend %base-default-mobile-no-shadow;
+	@extend %base-default-mobile-text-shadow-none;
 }
 
 pre {
-	@extend %base-default-mobile-no-shadow;
+	@extend %base-default-mobile-text-shadow-none;
 }
 
 table {
-	@extend %base-default-mobile-no-shadow;
+	@extend %base-default-mobile-text-shadow-none;
 }
 
 .mobile-view {
@@ -133,7 +137,7 @@ table {
 		@extend %base-default-mobile-font-weight-normal;
 		color: #fff !important;
 		text-shadow: 0 1px 1px #044062;
-		text-decoration: none;
+		@extend %base-default-mobile-text-decoration-none;
 	}
 }
 
@@ -181,7 +185,7 @@ table {
 		min-width: 180px;
 		margin-left: 35px;
 		margin-right: 35px;
-		text-shadow: none;
+		@extend %base-default-mobile-text-shadow-none;
 	}
 }
 
@@ -218,7 +222,7 @@ table {
 }
 #base-subsite {
 	font-size: 130%;
-	text-shadow: none;
+	@extend %base-default-mobile-text-shadow-none;
 	p {
 		margin: {
 			top: 0;
@@ -466,9 +470,9 @@ select {
 }
 #jqm-wb-mb {
 	a {
-		text-shadow: none;
+		@extend %base-default-mobile-text-shadow-none;
 		&:link {
-			text-decoration: none
+			@extend %base-default-mobile-text-decoration-none;
 		}
 	}
 	h3 {

diff --git a/src/theme-gcwu-fegc/sass/includes/_default-mobile.scss b/src/theme-gcwu-fegc/sass/includes/_default-mobile.scss
@@ -43,6 +43,14 @@
 	border: none;
 }
 
+%gcwu-default-mobile-text-shadow-none {
+	text-shadow: none;
+}
+
+%gcwu-default-mobile-text-decoration-none {
+	text-decoration: none;
+}
+
 body {
 	@if $experimental-support-for-webkit {
 		-webkit-text-size-adjust: none;
@@ -60,10 +68,6 @@ a {
 	}
 }
 
-%gcwu-default-mobile-no-shadow {
-	text-shadow: none;
-}
-
 blockquote {
 	@extend %gcwu-default-mobile-no-shadow;
 }
@@ -142,7 +146,7 @@ table {
 		@extend %gcwu-default-mobile-font-weight-normal;
 		color: #fff !important;
 		text-shadow: 0 1px 1px #044062;
-		text-decoration: none;
+		@extend %gcwu-default-mobile-text-decoration-none;
 	}
 }
 
@@ -198,6 +202,15 @@ table {
 	}
 }
 
+.ui-header {
+	.ui-title {
+		min-width: 180px;
+		margin-left: 35px;
+		margin-right: 35px;
+		@extend %gcwu-default-mobile-text-shadow-none;
+	}
+}
+
 #gcwu-gcnb {
 	min-height: 42px;
 	@include background-image(linear-gradient(#3C3C3C, #111));
@@ -448,9 +461,9 @@ select {
 
 #jqm-wb-mb {
 	a {
-		text-shadow: none;
+		@extend %gcwu-default-mobile-text-shadow-none;
 		&:link {
-			text-decoration: none
+			@extend %gcwu-default-mobile-text-decoration-none;
 		}
 	}
 	h3 {

diff --git a/src/theme-wet-boew/sass/includes/_default-mobile.scss b/src/theme-wet-boew/sass/includes/_default-mobile.scss
@@ -43,6 +43,10 @@
 	border: none;
 }
 
+%wet-default-mobile-text-shadow-none {
+	text-shadow: none;
+}
+
 body {
 	@if $experimental-support-for-webkit {
 		-webkit-text-size-adjust: none;
@@ -59,24 +63,20 @@ a {
 	}
 }
 
-%wet-default-mobile-no-shadow {
-	text-shadow: none;
-}
-
 blockquote {
-	@extend %wet-default-mobile-no-shadow;
+	@extend %wet-default-mobile-text-shadow-none;
 }
 
 form {
-	@extend %wet-default-mobile-no-shadow;
+	@extend %wet-default-mobile-text-shadow-none;
 }
 
 #{headings(2,6)} {
-	@extend %wet-default-mobile-no-shadow;
+	@extend %wet-default-mobile-text-shadow-none;
 }
 
 img {
-	@extend %wet-default-mobile-no-shadow;
+	@extend %wet-default-mobile-text-shadow-none;
 	max-width: 100%;
 	height: auto;
 	@extend %wet-default-mobile-display-block;
@@ -94,15 +94,15 @@ li {
 }
 
 p {
-	@extend %wet-default-mobile-no-shadow;
+	@extend %wet-default-mobile-text-shadow-none;
 }
 
 pre {
-	@extend %wet-default-mobile-no-shadow;
+	@extend %wet-default-mobile-text-shadow-none;
 }
 
 table {
-	@extend %wet-default-mobile-no-shadow;
+	@extend %wet-default-mobile-text-shadow-none;
 }
 
 .mobile-view {
@@ -180,6 +180,7 @@ table {
 		min-width: 180px;
 		margin-left: 35px;
 		margin-right: 35px;
+		@extend %wet-default-mobile-text-shadow-none;
 	}
 }
 
@@ -216,7 +217,7 @@ table {
 }
 #wet-subsite {
 	font-size: 130%;
-	text-shadow: none;
+	@extend %wet-default-mobile-text-shadow-none;
 	p {
 		margin: {
 			top: 0;
@@ -477,7 +478,7 @@ select {
 }
 #jqm-wb-mb {
 	a {
-		text-shadow: none;
+		@extend %wet-default-mobile-text-shadow-none;
 		&:link {
 			text-decoration: none
 		}