feat(rtl): add segment rtl support (#11215)

* fix(rtl): add segment rtl support * fix(segments): remove border left for first item rtl
ionic-team · Apr 14, 2017 · dd0b293 · dd0b293
1 parent 6cd719f
commit dd0b293
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/components/segment/segment.ios.scss b/src/components/segment/segment.ios.scss
@@ -130,6 +130,23 @@ $segment-button-ios-toolbar-icon-line-height:   2.4rem !default;
   }
 }
 
+[dir="rtl"] .segment-ios .segment-button {
+  &:first-of-type {
+    margin-left: 0;
+
+    border-left-width: 0;
+    border-radius: 0 $segment-button-ios-border-radius $segment-button-ios-border-radius 0;
+  }
+
+  &:last-of-type {
+    margin-right: 0;
+
+    border-left-width: $segment-button-ios-border-width;
+    border-radius: $segment-button-ios-border-radius 0 0 $segment-button-ios-border-radius;
+  }
+}
+
+
 .segment-ios.segment-disabled {
   opacity: .4;