From dd0b29388e832d278d1ca7c2d4a977d771226330 Mon Sep 17 00:00:00 2001 From: Amit Moryossef Date: Fri, 14 Apr 2017 17:54:30 +0300 Subject: [PATCH] feat(rtl): add segment rtl support (#11215) * fix(rtl): add segment rtl support * fix(segments): remove border left for first item rtl --- src/components/segment/segment.ios.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/components/segment/segment.ios.scss b/src/components/segment/segment.ios.scss index 834e9625fe..7ac64d91c9 100644 --- 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;