mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(slide-toggle): remove webkit tap highlight (#12708)
* Since the slide-toggle already has the ripples as feedback indicator, the webkit tap highlight can be removed to make the slide-toggle behave more like a native (Android) switch component on touch devices.
This commit is contained in:
committed by
Jeremy Elbourn
parent
51da6a6806
commit
ba55d04d24
@@ -21,14 +21,14 @@ $mat-slide-toggle-bar-track-width: $mat-slide-toggle-bar-width - $mat-slide-togg
|
||||
max-width: 100%;
|
||||
|
||||
line-height: $mat-slide-toggle-height;
|
||||
|
||||
white-space: nowrap;
|
||||
outline: none;
|
||||
|
||||
// Disable user selection to ensure that dragging is smooth without grabbing
|
||||
// some elements accidentally.
|
||||
@include user-select(none);
|
||||
|
||||
outline: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
&.mat-checked {
|
||||
.mat-slide-toggle-thumb-container {
|
||||
|
||||
Reference in New Issue
Block a user