Skip to content

Commit dd0b293

Browse files
AmitMYbrandyscarney
authored andcommitted
feat(rtl): add segment rtl support (#11215)
* fix(rtl): add segment rtl support * fix(segments): remove border left for first item rtl
1 parent 6cd719f commit dd0b293

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

src/components/segment/segment.ios.scss

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -130,6 +130,23 @@ $segment-button-ios-toolbar-icon-line-height: 2.4rem !default;
130130
}
131131
}
132132

133+
[dir="rtl"] .segment-ios .segment-button {
134+
&:first-of-type {
135+
margin-left: 0;
136+
137+
border-left-width: 0;
138+
border-radius: 0 $segment-button-ios-border-radius $segment-button-ios-border-radius 0;
139+
}
140+
141+
&:last-of-type {
142+
margin-right: 0;
143+
144+
border-left-width: $segment-button-ios-border-width;
145+
border-radius: $segment-button-ios-border-radius 0 0 $segment-button-ios-border-radius;
146+
}
147+
}
148+
149+
133150
.segment-ios.segment-disabled {
134151
opacity: .4;
135152

0 commit comments

Comments
 (0)