Skip to content

Commit 8842fb2

Browse files
crisbetoandrewseguin
authored andcommitted
fix(expansion): expansion panel blending in with background in high contrast mode (#11659)
Fixes the expansion panel blending in with the background for high contrast users, because it doesn't have any borders or outlines (currently we're distinguishing only with a shadow and a background color).
1 parent b349de3 commit 8842fb2

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

src/lib/expansion/expansion-panel.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
@import '../core/style/variables';
22
@import '../core/style/elevation';
3+
@import '../../cdk/a11y/a11y';
34

45
.mat-expansion-panel {
56
@include mat-elevation-transition;
@@ -8,6 +9,10 @@
89
display: block;
910
margin: 0;
1011
transition: margin 225ms $mat-fast-out-slow-in-timing-function;
12+
13+
@include cdk-high-contrast {
14+
outline: solid 1px;
15+
}
1116
}
1217

1318
.mat-expansion-panel-content {

0 commit comments

Comments
 (0)