Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-28 17:56:50 -05:00
Code Issues Activity

🐛 Fix height of combobox label (#5944)

Browse source
This commit is contained in:
Eva Marco 2025-02-26 16:54:28 +01:00 • committed by GitHub
parent bffbccac50
commit dfd5c5b508
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/main/ui/workspace/tokens/modals/themes.cljs
View file

@ -198,7 +198,7 @@
[:div {:class (stl/css :edit-theme-inputs-wrapper)} [:div {:class (stl/css :edit-theme-inputs-wrapper)}
[:div {:class (stl/css :group-input-wrapper)} [:div {:class (stl/css :group-input-wrapper)}
[:label {:for "groups-dropdown" :class (stl/css :label)} [:label {:for "groups-dropdown" :class (stl/css :label)}
[:span (tr "workspace.token.label.group")] [:span {:class (stl/css :main-label)} (tr "workspace.token.label.group")]
[:span {:class (stl/css :label-optional)} (dm/str "(" "" (tr "workspace.token.label.group-optional") "" ")")]] [:span {:class (stl/css :label-optional)} (dm/str "(" "" (tr "workspace.token.label.group-optional") "" ")")]]
[:> combobox* {:id (dm/str "groups-dropdown") [:> combobox* {:id (dm/str "groups-dropdown")
:placeholder (tr "workspace.token.label.group-placeholder") :placeholder (tr "workspace.token.label.group-placeholder")

5
frontend/src/app/main/ui/workspace/tokens/modals/themes.scss
View file

@ -205,10 +205,15 @@
.label { .label {
@include t.use-typography("body-small"); @include t.use-typography("body-small");
@include textEllipsis; @include textEllipsis;
}
.main-label {
@include t.use-typography("body-small");
color: var(--color-foreground-primary); color: var(--color-foreground-primary);
} }
.label-optional { .label-optional {
@include t.use-typography("body-small");
margin-inline-start: 1ex; margin-inline-start: 1ex;
color: var(--color-foreground-secondary); color: var(--color-foreground-secondary);
} }