skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(slide-toggle): blended ripples do not match spec (#12735)

Browse Source 
* In order to fully align the slide-toggle with the 2018 specs, we need to reduce the opacity of the transient ripples because those blend together with the persistent ripple that has been introduced for hover/focus.
This commit is contained in:
Paul Gschwendtner
2018-08-21 20:34:17 +02:00
committed by Jeremy Elbourn
parent 2adced10c8
commit e14841410f
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/slide-toggle/slide-toggle.scss
+4 -1
View File
@@ -191,7 +191,10 @@ $mat-slide-toggle-bar-track-width: $mat-slide-toggle-bar-width - $mat-slide-togg
pointer-events: none;
.mat-ripple-element:not(.mat-slide-toggle-persistent-ripple) {
opacity: 0.16;
// Although the specs describe an opacity of 16% for ripples if the slide-toggle is being
// pressed, we need to reduce the opacity a bit because besides the transient ripples,
// the persistent ripple will still show up and blend with the transient ripple.
opacity: 0.12;
}
}