From e31a4da9ce45b4d627bf4bf4ca43fa41593a09c8 Mon Sep 17 00:00:00 2001
From: Sina <sinajavaheri@gmail.com>
Date: Mon, 24 Apr 2017 20:31:22 +0430
Subject: [PATCH] feat(list): RTL support for list-header (#11328)

RTL fix (scss changes) for list-header for wp, ios and android platform
---
 src/components/list/list.ios.scss | 4 ++++
 src/components/list/list.md.scss  | 5 +++++
 src/components/list/list.wp.scss  | 5 +++++
 3 files changed, 14 insertions(+)

diff --git a/src/components/list/list.ios.scss b/src/components/list/list.ios.scss
index 76bdfa848ab..d36c3a63410 100644
--- 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
index bed52d80b88..d4f6167ee94 100644
--- 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
index 64593d56803..84f952c33c5 100644
--- 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
 // --------------------------------------------------