Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 3479633

Browse files
fix(material/chips): strengthen edit/remove icons focus/hover styling (#31759)
1 parent 8010c7c commit 3479633

File tree

1 file changed

+5
-2
lines changed

1 file changed

+5
-2
lines changed

‎src/material/chips/_m3-chip.scss‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -49,8 +49,11 @@
4949
chip-selected-label-text-color: map.get($system, on-secondary-container),
5050
chip-selected-trailing-action-state-layer-color: map.get($system, on-secondary-container),
5151
chip-selected-trailing-icon-color: map.get($system, on-secondary-container),
52-
chip-trailing-action-focus-state-layer-opacity: map.get($system, focus-state-layer-opacity),
53-
chip-trailing-action-hover-state-layer-opacity: map.get($system, hover-state-layer-opacity),
52+
// Parent chips will show focus/hover state as well so need stronger focus/hover styling here
53+
chip-trailing-action-focus-state-layer-opacity:
54+
calc(map.get($system, focus-state-layer-opacity) * 2),
55+
chip-trailing-action-hover-state-layer-opacity:
56+
calc(map.get($system, hover-state-layer-opacity) * 2),
5457
chip-trailing-action-state-layer-color: map.get($system, on-surface-variant),
5558
chip-with-icon-disabled-icon-color: map.get($system, on-surface),
5659
chip-with-icon-icon-color: map.get($system, on-surface-variant),

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /