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

fix(button/chip): move hover styles into media query (#16664)

Browse Source 
This ensures that all :hover styles live inside a (any-hover: hover)
media query.

closes #16108
This commit is contained in:
Cam Wiegert
2018-12-10 15:02:59 -06:00
committed by GitHub
parent f0ef061a6b
commit a2c7b9558b
3 changed files with 53 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
core/src/components/button/button.ios.scss
View File

@ -31,12 +31,6 @@
--background-activated: #{ion-color(primary, shade)};
}
@media (any-hover: hover) {
:host(.button-solid:hover) {
--opacity: #{$button-ios-opacity-hover};
}
}
:host(.button-solid.activated) {
--opacity: #{$button-ios-opacity-activated};
}
@ -61,11 +55,6 @@
// iOS Clear Button
// --------------------------------------------------
@media (any-hover: hover) {
:host(.button-clear:hover) {
--opacity: #{$button-ios-clear-opacity-hover};
}
}
:host(.button-clear.activated) {
--opacity: #{$button-ios-clear-opacity-activated};
@ -123,3 +112,17 @@
:host(.button-strong) {
font-weight: #{$button-ios-strong-font-weight};
}
// iOS Button Focus
// --------------------------------------------------
@media (any-hover: hover) {
:host(.button-solid:hover) {
--opacity: #{$button-ios-opacity-hover};
}
:host(.button-clear:hover) {
--opacity: #{$button-ios-clear-opacity-hover};
}
}