feat(list): RTL support for list-header (#11328)

sijav · brandyscarney · commit e31a4da9ce45 · 2017-04-24T12:01:22.000-04:00
RTL fix (scss changes) for list-header for wp, ios and android platform
diff --git a/src/components/list/list.ios.scss b/src/components/list/list.ios.scss
@@ -182,6 +182,10 @@ $list-ios-header-background-color:    transparent !default;
   background: $list-ios-header-background-color;
 }
 
+[dir="rtl"] .list-header-ios {
+  padding-right: $list-ios-header-padding-left;
+  padding-left: 0;
+}
 
 // Generate iOS List Header Colors
 // --------------------------------------------------
diff --git a/src/components/list/list.md.scss b/src/components/list/list.md.scss
@@ -168,6 +168,11 @@ $list-md-header-color:           #757575 !default;
   color: $list-md-header-color;
 }
 
+[dir="rtl"] .list-header-md {
+  padding-right: $list-md-header-padding-left;
+  padding-left: 0;
+}
+
 
 // Generate Material Design List Header Colors
 // --------------------------------------------------
diff --git a/src/components/list/list.wp.scss b/src/components/list/list.wp.scss
@@ -165,6 +165,11 @@ $list-wp-header-color:           $list-wp-text-color !default;
   color: $list-wp-header-color;
 }
 
+[dir="rtl"] .list-header-wp {
+  padding-right: $list-wp-header-padding-left;
+  padding-left: 0;
+}
+
 
 // Generate Windows List Header Colors
 // --------------------------------------------------

Original file line number	Diff line number	Diff line change
`@@ -182,6 +182,10 @@ $list-ios-header-background-color: transparent !default;`
`182`	`182`	`background: $list-ios-header-background-color;`
`183`	`183`	`}`
`184`	`184`
	`185`	`+[dir="rtl"] .list-header-ios {`
	`186`	`+ padding-right: $list-ios-header-padding-left;`
	`187`	`+ padding-left: 0;`
	`188`	`+}`
`185`	`189`
`186`	`190`	`// Generate iOS List Header Colors`
`187`	`191`	`// --------------------------------------------------`