scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/book-incorrect-hover-color-chip-button (pull request #3323)

Browse Source 
updated to correcly displayed hover color on chip buttons

* updated to correcly displayed hover color on chip buttons


Approved-by: Bianca Widstam
Approved-by: Erik Tiekstra
This commit is contained in:
Matilda Haneling
2025-12-12 11:19:16 +00:00
parent 0c93a7be7c
commit 92391fdbd7
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/design-system/lib/components/ChipButton/chip-button.module.css
View File

@@ -20,10 +20,20 @@
.Outlined { .Outlined {
border: 1px solid var(--Border-Strong); border: 1px solid var(--Border-Strong);
} @media (hover: hover) {
&:not([data-disabled]) {
.Outlined:hover { &:hover,
background-color: var(--Surface-Primary-Hover); &.hovered {
background:
linear-gradient(
0deg,
var(--Surface-Primary-Hover) 0%,
var(--Surface-Primary-Hover) 100%
),
var(--Component-Button-Inverted-Fill-Default);
}
}
}
} }
.Outlined:active { .Outlined:active {