Skip to content

Commit e409ec4

Browse files
crisbetommalerba
authored andcommitted
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.
1 parent 6d9ed8a commit e409ec4

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/lib/toolbar/toolbar.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
@import '../core/style/variables';
2+
@import '../../cdk/a11y/a11y';
23

34
$mat-toolbar-height-desktop: 64px !default;
45
$mat-toolbar-height-mobile-portrait: 56px !default;
@@ -16,6 +17,12 @@ $mat-toolbar-row-padding: 16px !default;
1617
}
1718
}
1819

20+
.mat-toolbar {
21+
@include cdk-high-contrast {
22+
outline: solid 1px;
23+
}
24+
}
25+
1926
.mat-toolbar-row, .mat-toolbar-single-row {
2027
display: flex;
2128
box-sizing: border-box;

0 commit comments

Comments
 (0)