mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
feat(rtl): add segment rtl support (#11215)
* fix(rtl): add segment rtl support * fix(segments): remove border left for first item rtl
This commit is contained in:

committed by
Brandy Carney

parent
6cd719f023
commit
dd0b29388e
@ -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;
|
||||
|
||||
|
Reference in New Issue
Block a user