Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-15 08:21:40 -05:00
Code Issues Activity

Merge pull request #5723 from penpot/juanfran-review-replace-combobox

Browse source 
🐛 Fix combobox bg color and dropdown only with options (#9753)
This commit is contained in:
Juanfran 2025-01-30 12:22:24 +01:00 • committed by GitHub
commit c5d5fa7561
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
frontend/src/app/main/ui/ds/controls/combobox.cljs
View file

@ -9,6 +9,7 @@
[app.common.data.macros :as dm]
[app.main.style :as stl])
(:require
[app.common.data :as d]
[app.main.ui.ds.controls.shared.options-dropdown :refer [options-dropdown*]]
[app.main.ui.ds.foundations.assets.icon :refer [icon* icon-list] :as i]
[app.util.array :as array]
@ -242,17 +243,18 @@
:on-change on-input-change
:on-key-down on-key-down}]]
[:> :button {:type "button"
:tab-index "-1"
:aria-expanded open
:aria-controls listbox-id
:class (stl/css :button-toggle-list)
:on-click on-click}
[:> icon* {:icon-id i/arrow
:class (stl/css :arrow)
:size "s"
:aria-hidden true
:data-testid "combobox-open-button"}]]]
(when (d/not-empty? options)
[:> :button {:type "button"
:tab-index "-1"
:aria-expanded open
:aria-controls listbox-id
:class (stl/css :button-toggle-list)
:on-click on-click}
[:> icon* {:icon-id i/arrow
:class (stl/css :arrow)
:size "s"
:aria-hidden true
:data-testid "combobox-open-button"}]])]
(when (and open (seq dropdown-options))
[:> options-dropdown* {:on-click on-option-click

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

@ -46,7 +46,7 @@
.focused {
--combobox-outline-color: var(--color-accent-primary);
--combobox-bg-color: var(--color-background-secondary);
--combobox-bg-color: var(--color-background-primary);
}
.arrow {