|
3 | 3 | @use '../core/tokens/m2/mat/switch' as tokens-mat-switch;
|
4 | 4 | @use '../core/tokens/m2/mdc/switch' as tokens-mdc-switch;
|
5 | 5 | @use '../core/tokens/token-utils';
|
| 6 | +@use '../core/style/vendor-prefixes'; |
6 | 7 |
|
7 | 8 | $_mdc-slots: (tokens-mdc-switch.$prefix, tokens-mdc-switch.get-token-slots());
|
8 | 9 | $_mat-slots: (tokens-mat-switch.$prefix, tokens-mat-switch.get-token-slots());
|
@@ -261,16 +262,16 @@ $_interactive-disabled-selector: '.mat-mdc-slide-toggle-disabled-interactive.mdc
|
261 | 262 | @include token-utils.create-token-slot(height, with-icon-handle-size);
|
262 | 263 | }
|
263 | 264 |
|
264 |
| - .mat-mdc-slide-toggle:active .mdc-switch:not(.mdc-switch--disabled) & { |
| 265 | + .mat-mdc-slide-toggle .mdc-switch:active:not(.mdc-switch--disabled) & { |
265 | 266 | @include token-utils.create-token-slot(width, pressed-handle-size);
|
266 | 267 | @include token-utils.create-token-slot(height, pressed-handle-size);
|
267 | 268 | }
|
268 | 269 |
|
269 |
| - .mat-mdc-slide-toggle:active .mdc-switch--selected:not(.mdc-switch--disabled) & { |
| 270 | + .mat-mdc-slide-toggle .mdc-switch--selected:active:not(.mdc-switch--disabled) & { |
270 | 271 | @include token-utils.create-token-slot(margin, selected-pressed-handle-horizontal-margin);
|
271 | 272 | }
|
272 | 273 |
|
273 |
| - .mat-mdc-slide-toggle:active .mdc-switch--unselected:not(.mdc-switch--disabled) & { |
| 274 | + .mat-mdc-slide-toggle .mdc-switch--unselected:active:not(.mdc-switch--disabled) & { |
274 | 275 | @include token-utils.create-token-slot(margin, unselected-pressed-handle-horizontal-margin);
|
275 | 276 | }
|
276 | 277 |
|
@@ -503,6 +504,7 @@ $_interactive-disabled-selector: '.mat-mdc-slide-toggle-disabled-interactive.mdc
|
503 | 504 | }
|
504 | 505 |
|
505 | 506 | .mat-mdc-slide-toggle {
|
| 507 | + @include vendor-prefixes.user-select(none); |
506 | 508 | display: inline-block;
|
507 | 509 | -webkit-tap-highlight-color: transparent;
|
508 | 510 |
|
|
0 commit comments