💄 Fix minor style details on DS select ghost variant (#7707)

This commit is contained in:
Xaviju 2025-11-07 22:46:57 +01:00 committed by GitHub
parent 2eaeb8e9a5
commit 43a136a9e9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -58,14 +58,24 @@
.variant-ghost {
--select-background-color: transparent;
--select-text-color: var(--color-foreground-secondary);
inline-size: fit-content;
padding-inline: var(--sp-xxs);
& .arrow {
margin-inline-start: var(--sp-xs);
}
&:is(:hover, [aria-expanded="true"]) {
--select-text-color: var(--color-foreground-primary);
--select-icon-color: var(--color-foreground-primary);
}
&:is(:focus-visible, :disabled) {
--select-background-color: transparent;
--select-text-color: var(--color-foreground-primary);
--select-icon-color: var(--color-foreground-primary);
}
}