mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 04:14:21 +08:00
fix(segment): add activated class directly to segment button (#20400)
this gets around a bug with Safari where the ::slotted css selector was not working properly
This commit is contained in:
@ -140,6 +140,10 @@
|
||||
// Segment: States
|
||||
// --------------------------------------------------
|
||||
|
||||
:host(.segment-button-activated) {
|
||||
--indicator-transform: scale(0.95);
|
||||
}
|
||||
|
||||
:host(.ion-focused) .button-native {
|
||||
opacity: $segment-button-ios-opacity-focused;
|
||||
}
|
||||
|
||||
@ -23,9 +23,6 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
|
||||
|
||||
@Element() el!: HTMLElement;
|
||||
|
||||
/**
|
||||
* If `true`, the segment button is selected.
|
||||
*/
|
||||
@State() checked = false;
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user