github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-07-23 06:28:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix position of font selector on font family token modal

Browse Source
This commit is contained in:
Eva Marco 2026-06-19 09:43:29 +02:00 committed by Alonso Torres
parent b984e7bbe8
commit 59f9f2e163
4 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs
View File

@ -191,8 +191,10 @@
#(let [offset (.getOffsetForRow ^js inst #js {:alignment "center" :index index})]
(.scrollToPosition ^js inst offset)))))
[:div {:class (stl/css :font-selector)}
[:div {:class (stl/css-case :font-selector-dropdown true :font-selector-dropdown-full-size full-size?)}
[:div {:class [(stl/css-case :font-selector true
:fonts-on-modal (not full-size?))]}
[:div {:class (stl/css-case :font-selector-dropdown true
:font-selector-dropdown-full-size full-size?)}
[:div {:class (stl/css :header)}
[:> search-bar* {:on-change on-filter-change
:value (:term state)
@ -313,6 +315,7 @@
:on-close on-font-selector-close
:on-select on-font-select
:full-size full-size-selector
:origin "right-sidebar"
:show-recent show-recent}])
[:div {:class (stl/css :font-option)

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

@ -332,6 +332,10 @@
z-index: var(--z-index-dropdown);
}
.fonts-on-modal {
top: 0;
}
.show-recent {
border-radius: $br-8 $br-8 0 0;
background: var(--color-background-tertiary);

8
frontend/src/app/main/ui/workspace/tokens/management/forms/controls/fonts_combobox.cljs
View File

@ -198,8 +198,7 @@
[:div {:class (stl/css :font-select-wrapper)}
[:> font-selector* {:current-font font
:on-select on-select-font
:on-close on-close-font-selector
:full-size true}]])]))
:on-close on-close-font-selector}]])]))
(defn- on-composite-combobox-token-change
([form field value]
@ -336,8 +335,7 @@
[:*
[:> input* props]
(when font-selector-open?
[:div {:class (stl/css :font-select-wrapper)}
[:div {:class (stl/css :font-select-wrapper-composite)}
[:> font-selector* {:current-font font
:on-select on-select-font
:on-close on-close-font-selector
:full-size true}]])]))
:on-close on-close-font-selector}]])]))

7
frontend/src/app/main/ui/workspace/tokens/management/forms/controls/fonts_combobox.scss
View File

@ -6,9 +6,14 @@
@use "ds/_utils.scss" as *;
.font-select-wrapper {
.font-select-wrapper,
.font-select-wrapper-composite {
position: absolute;
width: 100%;
height: px2rem(115);
top: px2rem(54);
}
.font-select-wrapper-composite {
top: px2rem(36);
}