From e65f007dbb5a97da9f6fcb5b2a8e5be5782a200a Mon Sep 17 00:00:00 2001 From: Paul Gschwendtner Date: Tue, 6 Feb 2018 18:36:52 +0100 Subject: [PATCH] fix(button): better accessibility for flat buttons in high-contrast (#9783) * 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. --- src/lib/button/button.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/lib/button/button.scss b/src/lib/button/button.scss index cdddea5707b..03bcb51a987 100644 --- a/src/lib/button/button.scss +++ b/src/lib/button/button.scss @@ -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; } }