mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(stepper): showing hover state after tap on touch devices (#14074)
Fixes the `:hover` state of the step header lingering on the element after a tap on a touch device.
This commit is contained in:
committed by
Jeremy Elbourn
parent
d5352d3690
commit
09dec490ea
@@ -15,6 +15,15 @@
|
||||
background-color: mat-color($background, hover);
|
||||
}
|
||||
|
||||
// On touch devices the :hover state will linger on the element after a tap.
|
||||
// Reset it via `@media` after the declaration, because the media query isn't
|
||||
// supported by all browsers yet.
|
||||
@media (hover: none) {
|
||||
&:hover {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.mat-step-label,
|
||||
.mat-step-optional {
|
||||
// TODO(josephperrott): Update to using a corrected disabled-text contrast
|
||||
|
||||
Reference in New Issue
Block a user