Skip to content

Commit

Permalink
fix(material-experimental/mdc-core): set up strong focus indication f…
Browse files Browse the repository at this point in the history
…or MDC-based option (#20354)

The MDC-based `mat-option` had the proper strong focus indicator class, but the styles weren't implemented.
  • Loading branch information
crisbeto committed Aug 20, 2020
1 parent ac2d385 commit 9a4adb7
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion src/material-experimental/mdc-helpers/_focus-indicators.scss
Expand Up @@ -73,9 +73,12 @@
.mat-mdc-slide-toggle-focused .mat-mdc-focus-indicator::before,
.mat-mdc-radio-button.cdk-focused .mat-mdc-focus-indicator::before,

// For buttons, render the focus indicator when the parent button is focused.
// For buttons, render the focus indicator when the parent button is focused.
.mat-mdc-button-base:focus .mat-mdc-focus-indicator::before,

// For options, render the focus indicator when the class .mat-mdc-option-active is present.
.mat-mdc-focus-indicator.mat-mdc-option-active::before,

// For all other components, render the focus indicator on focus.
.mat-mdc-focus-indicator:focus::before {
content: '';
Expand Down

0 comments on commit 9a4adb7

Please sign in to comment.