johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-12 06:24:17 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

💄 Fix minor style details on DS select ghost variant (#7707)
Some checks failed
Commit Message Check / Check Commit Message (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Xaviju
2025-11-07 22:46:57 +01:00
committed by GitHub
parent 2eaeb8e9a5
commit 43a136a9e9
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/main/ui/ds/controls/select.scss
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);
}
}