3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-02 03:48:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 design review t#9539

Browse source
This commit is contained in:
Juanfran 2025-01-09 10:17:49 +01:00
parent a1037fb053
commit a69e671a90
3 changed files with 32 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/app/main/ui/ds/controls/combobox.scss
View file

@ -14,6 +14,7 @@
--combobox-bg-color: var(--color-background-tertiary);
--combobox-outline-color: none;
--combobox-border-color: none;
--combobox-error-outline-color: var(--color-accent-error);
@include use-typography("body-small");
position: relative;
@ -22,7 +23,7 @@
gap: var(--sp-xxs);
width: 100%;
&:hover {
&:hover:not(.disabled) {
--combobox-bg-color: var(--color-background-quaternary);
}
}
@ -41,16 +42,11 @@
background: var(--combobox-bg-color);
color: var(--combobox-fg-color);
appearance: none;
&:disabled {
--combobox-bg-color: var(--color-background-primary);
--combobox-border-color: var(--color-background-quaternary);
--combobox-fg-color: var(--color-foreground-secondary);
}
}
.focused {
--combobox-outline-color: var(--color-accent-primary);
--combobox-bg-color: var(--color-background-secondary);
}
.arrow {
@ -85,3 +81,13 @@
all: unset;
display: flex;
}
.disabled {
--combobox-bg-color: var(--color-background-primary);
--combobox-border-color: var(--color-background-quaternary);
--combobox-fg-color: var(--color-foreground-secondary);
}
.has-error {
--combobox-outline-color: var(--combobox-error-outline-color);
}