javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(button): show correct activated state for ios (#26900)

Browse Source 
fixes #22468
This commit is contained in:
Brandy Carney
2023-03-07 13:00:37 -05:00
committed by GitHub
parent 8d184c8c1b
commit 67815ccbf4
38 changed files with 272 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
.github/COMPONENT-GUIDE.md vendored
View File

@ -141,7 +141,7 @@ Style the `ion-activated` class based on the spec for that element:
}
```
> Order is important! Activated should be before the focused & hover states.
> Order is important! Activated should be after the focused & hover states.
#### User Customization
@ -307,7 +307,7 @@ Style the `:hover` based on the spec for that element:
}
```
> Order is important! Hover should be after the activated and focused states.
> Order is important! Hover should be before the activated state.
#### User Customization
@ -729,7 +729,7 @@ For example, if you wanted `transform-origin` to be RTL-aware, you would use the
@include transform-origin(start, center);
```
This would output `transform-origin: left center` in LTR mode and `transform-origin: right center` in RTL mode.
This would output `transform-origin: left center` in LTR mode and `transform-origin: right center` in RTL mode.
These mixins depend on the `:host-context` pseudo-class when used inside of shadow components, which is not supported in WebKit. As a result, these mixins will not work in Safari for macOS and iOS when applied to shadow components.
@ -753,4 +753,4 @@ class={{
:host(.my-cmp-rtl) {
transform-origin: right center;
}
```
```