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: remove ripples in high contrast mode (#6355)

Browse Source 
In high contrast mode the ripples are opaque, which causes them to obstruct the content. These changes hide ripple for high contrast users since it's primarily decorative.
This commit is contained in:
Kristiyan Kostadinov
2017-08-09 08:26:58 +02:00
committed by mmalerba
parent 0d2ea1021c
commit fd5e5ff8ab
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/core/ripple/_ripple.scss
+6
View File
@@ -1,4 +1,5 @@
@import '../theming/theming';
@import '../a11y/a11y';
$mat-ripple-color-opacity: 0.1;
@@ -7,6 +8,11 @@ $mat-ripple-color-opacity: 0.1;
// "relative" so that the ripple divs it creates inside itself are correctly positioned.
.mat-ripple {
overflow: hidden;
// In high contrast mode the ripple is opaque, causing it to obstruct the content.
@include cdk-high-contrast {
display: none;
}
}
.mat-ripple.mat-ripple-unbounded {