Skip to content

Commit 7b2d6b0

Browse files
crisbetoandrewseguin
authored andcommitted
fix(material-experimental/mdc-snack-bar): blending in with background in high contrast mode (#19996)
The MDC snack bar doesn't have a border which causes it to blend in with the background in high contrast mode. (cherry picked from commit 747a5d8)
1 parent ec87358 commit 7b2d6b0

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

src/material-experimental/mdc-snack-bar/snack-bar-container.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
@import '@material/snackbar/mixins.import';
22
@import '../mdc-helpers/mdc-helpers';
3+
@import '../../cdk/a11y/a11y';
34

45
@include mdc-snackbar-core-styles($query: $mat-base-styles-query);
56

@@ -8,6 +9,10 @@
89
// of positions, so we'll defer logic there.
910
.mat-mdc-snack-bar-container {
1011
position: static;
12+
13+
@include cdk-high-contrast(active, off) {
14+
border: solid 1px;
15+
}
1116
}
1217

1318
// These elements need to have full width using flex layout.

0 commit comments

Comments
 (0)