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

RTL fix (scss changes) for list-header for wp, ios and android platform
ionic-team · Apr 24, 2017 · e31a4da · e31a4da
1 parent 0ec71cd
commit e31a4da
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
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
 // --------------------------------------------------