From e409ec4f4db6a3aef1e2ff45b7da622c5909cdd4 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Thu, 19 Apr 2018 11:45:30 -0600 Subject: [PATCH] fix(toolbar): improved high contrast accessibility (#10465) Currently the toolbar blends into the background for users in high contrast mode. These changes add an outline to make it stand out. --- src/lib/toolbar/toolbar.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/lib/toolbar/toolbar.scss b/src/lib/toolbar/toolbar.scss index e6b4cb21650..07fd3a93759 100644 --- a/src/lib/toolbar/toolbar.scss +++ b/src/lib/toolbar/toolbar.scss @@ -1,4 +1,5 @@ @import '../core/style/variables'; +@import '../../cdk/a11y/a11y'; $mat-toolbar-height-desktop: 64px !default; $mat-toolbar-height-mobile-portrait: 56px !default; @@ -16,6 +17,12 @@ $mat-toolbar-row-padding: 16px !default; } } +.mat-toolbar { + @include cdk-high-contrast { + outline: solid 1px; + } +} + .mat-toolbar-row, .mat-toolbar-single-row { display: flex; box-sizing: border-box;