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:
Kristiyan Kostadinov
2018-11-27 16:47:58 +01:00
committed by Jeremy Elbourn
parent d5352d3690
commit 09dec490ea
+9
View File
@@ -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