Skip to content

Commit f7fa6da

Browse files
committed
fix(material/chips): strengthen edit/remove icons focus/hover styling
1 parent 5406372 commit f7fa6da

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/material/chips/chip.scss

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -530,12 +530,14 @@ $fallbacks: m3-chip.get-tokens();
530530
background-color: token-utils.slot(chip-trailing-action-state-layer-color, $fallbacks);
531531
}
532532

533+
// The parent chips will show hover state as well so need stronger hover styling here
533534
&:hover::after {
534-
opacity: token-utils.slot(chip-trailing-action-hover-state-layer-opacity, $fallbacks);
535+
opacity: calc(token-utils.slot(chip-trailing-action-hover-state-layer-opacity, $fallbacks) * 2);
535536
}
536537

538+
// The parent chips will show focus state as well so need stronger focus styling here
537539
&:focus::after {
538-
opacity: token-utils.slot(chip-trailing-action-focus-state-layer-opacity, $fallbacks);
540+
opacity: calc(token-utils.slot(chip-trailing-action-focus-state-layer-opacity, $fallbacks) * 2);
539541
}
540542
}
541543

0 commit comments

Comments
 (0)