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(button): better accessibility for flat buttons in high-contrast (#9783)

Browse Source 
* Improves the accessibility for `mat-flat-button` elements in high-contrast mode. Currently it's nearly impossible to figure out, whether it's a button or not.
This commit is contained in:
Paul Gschwendtner
2018-02-06 18:36:52 +01:00
committed by mmalerba
parent d062ccb6ae
commit e65f007dbb
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/button/button.scss
+3 -2
View File
@@ -124,9 +124,10 @@
z-index: 1;
}
// Add an outline to make it more visible in high contrast mode.
// Add an outline to make buttons more visible in high contrast mode. Stroked buttons
// don't need a special look in high-contrast mode, because those already have an outline.
@include cdk-high-contrast {
.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
.mat-button, .mat-flat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
outline: solid 1px;
}
}