Fixed GCWU intranet theme RTL issues.

wet-boew · Feb 12, 2013 · 892a088 · 892a088
1 parent c5c4d3a
commit 892a088
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 5 deletions.
diff --git a/demos/theme-gcwu-intranet/index-eng.html b/demos/theme-gcwu-intranet/index-eng.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!--[if IE 7]><html lang="en" class="no-js ie7"><![endif]-->
-<!--[if IE 8]><html lang="en" class="no-js ie8"><![endif]-->
+<!--[if IE 7]><html lang="en" dir="rtl" class="no-js ie7"><![endif]-->
+<!--[if IE 8]><html lang="en" dir="rtl" class="no-js ie8"><![endif]-->
 <!--[if gt IE 8]><!-->
-<html lang="en" class="no-js">
+<html lang="en" dir="rtl" class="no-js">
 <!--<![endif]-->
 <head>
 <meta charset="utf-8" />

diff --git a/src/grids/sass/includes/_util-mobile.scss b/src/grids/sass/includes/_util-mobile.scss
@@ -8,12 +8,22 @@
 	float: none !important;
 }
 
+[class*=span-] {
+	margin-bottom: 10px;
+}
+
+%grids-util-mobile-margin-0-important {
+	margin: 0 !important;
+}
 form {
 	[class*=width-] {
 		width: 100% !important;
 	}
-	[class*=margin-], [class*=span-]{
-		margin: 0 !important;
+	[class*=margin-] {
+		@extend %grids-util-mobile-margin-0-important;
+	}
+	[class*=span-]{
+		@extend %grids-util-mobile-margin-0-important;
 	}
 
 	&.background-light > * {

diff --git a/src/theme-gcwu-intranet/sass/includes/_default-screen-ie.scss b/src/theme-gcwu-intranet/sass/includes/_default-screen-ie.scss
@@ -2,6 +2,36 @@
  * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
  * wet-boew.github.com/wet-boew/License-eng.txt / wet-boew.github.com/wet-boew/Licence-fra.txt
  */
+.ie7 {
+	// Right to left (RTL) CSS
+	%gcwu-intranet-default-screen-ie-float-left {
+		float: left;
+	}
+	&[dir="rtl"] {
+		#gcwu-gcnb {
+			ul {
+				li {
+					@extend %gcwu-intranet-default-screen-ie-float-left;
+					a {
+						zoom: 1;
+						@extend %gcwu-intranet-default-screen-ie-float-left;
+						display: inline;
+						border-left: 1px solid #fff;
+						border-right: none;
+					}
+					&:first-child {
+						a {
+							border-left: none;
+						}
+					}
+				}
+			}
+		}
+		#gcwu-intranetnb-in {
+			@extend %gcwu-intranet-default-screen-ie-float-left;
+		}
+	}
+}
 .ie8 {
 	// Right to left (RTL) CSS
 	&[dir="rtl"] {