github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-01 19:06:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix fonts select position (#10192)

Browse Source
This commit is contained in:
Eva Marco 2026-06-16 15:28:27 +02:00 committed by GitHub
parent 6fed3e1212
commit 7863692c98
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/app/main/ui/workspace/sidebar/options/menus/text.cljs
View File

@ -480,7 +480,15 @@
:aria-label (tr "workspace.options.convert-to-typography") :aria-label (tr "workspace.options.convert-to-typography")
:on-click on-convert-to-typography :on-click on-convert-to-typography
:tooltip-placement "top-left" :tooltip-placement "top-left"
:icon i/add}])]]] :icon i/add}])]]
(when (and token-typography-row-enabled? token-dropdown-open?)
[:> searchable-options-dropdown* {:on-click on-option-click
:id listbox-id
:options (resolve-delay dropdown-options)
:selected selected-token-id
:align "right"
:placeholder (tr "workspace.tokens.search-by-token")
:ref set-option-ref}])]
(when main-menu-open? (when main-menu-open?
[:div {:class (stl/css :element-content)} [:div {:class (stl/css :element-content)}
@ -540,13 +548,4 @@
[:div {:class (stl/css :text-decoration-options)} [:div {:class (stl/css :text-decoration-options)}
[:> vertical-align* common-props] [:> vertical-align* common-props]
[:> text-decoration-options* (mf/spread-props common-props {:token-applied current-token-name})] [:> text-decoration-options* (mf/spread-props common-props {:token-applied current-token-name})]
[:> text-direction-options* common-props]])]) [:> text-direction-options* common-props]])])]))
(when (and token-typography-row-enabled? token-dropdown-open?)
[:> searchable-options-dropdown* {:on-click on-option-click
:id listbox-id
:options (resolve-delay dropdown-options)
:selected selected-token-id
:align "right"
:placeholder (tr "workspace.tokens.search-by-token")
:ref set-option-ref}])]))

3
frontend/src/app/main/ui/workspace/sidebar/options/menus/text.scss
View File

@ -14,12 +14,11 @@
.element-set { .element-set {
@include sidebar.option-grid-structure; @include sidebar.option-grid-structure;
position: relative;
} }
.element-title { .element-title {
grid-column: span 8; grid-column: span 8;
position: relative;
} }
.element-content { .element-content {

2
frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.scss
View File

@ -389,7 +389,7 @@
} }
.font-selector-dropdown-full-size { .font-selector-dropdown-full-size {
block-size: calc(100vh - 48px); // TODO: ugly hack :( Find a workaround for this. block-size: var(--sidebar-element-options-height);
display: grid; display: grid;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
padding: var(--sp-xxs) var(--sp-m) var(--sp-m) var(--sp-m); padding: var(--sp-xxs) var(--sp-m) var(--sp-m) var(--sp-m);