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

🐛 Translate layout panel header and add-layout options (#9424)

Browse Source 
* 🐛 Translate layout panel header and add-layout options

* ♻️ Wrap shared layout dropdown binding in mf/html
This commit is contained in:
Dexterity 2026-06-01 06:13:56 -04:00 committed by GitHub
parent 67f6786809
commit a9e88b8fa8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
View File

@ -1233,7 +1233,21 @@
(mf/use-fn #(swap! show-dropdown* not)) (mf/use-fn #(swap! show-dropdown* not))
on-hide-dropdown on-hide-dropdown
(mf/use-fn #(reset! show-dropdown* false))] (mf/use-fn #(reset! show-dropdown* false))
add-layout-dropdown
(mf/html
[:& dropdown {:show show-dropdown?
:on-close on-hide-dropdown}
[:div {:class (stl/css :layout-options)}
[:button {:class (stl/css :layout-option)
:data-type "flex"
:on-click on-add-layout}
(tr "labels.flex-layout")]
[:button {:class (stl/css :layout-option)
:data-type "grid"
:on-click on-add-layout}
(tr "labels.grid-layout")]]])]
[:div {:class (stl/css :element-set) :data-testid "inspect-layout"} [:div {:class (stl/css :element-set) :data-testid "inspect-layout"}
[:div {:class (stl/css :element-title)} [:div {:class (stl/css :element-title)}
@ -1241,7 +1255,7 @@
{:collapsable has-layout? {:collapsable has-layout?
:collapsed (not open?) :collapsed (not open?)
:on-collapsed on-toggle-visibility :on-collapsed on-toggle-visibility
:title "Layout" :title (tr "labels.layout")
:class (stl/css-case :title-spacing-layout (not has-layout?))} :class (stl/css-case :title-spacing-layout (not has-layout?))}
(if (and (not multiple) (:layout values)) (if (and (not multiple) (:layout values))
@ -1251,17 +1265,7 @@
:on-click on-toggle-dropdown-visibility :on-click on-toggle-dropdown-visibility
:icon i/menu}] :icon i/menu}]
[:& dropdown {:show show-dropdown? add-layout-dropdown
:on-close on-hide-dropdown}
[:div {:class (stl/css :layout-options)}
[:button {:class (stl/css :layout-option)
:data-type "flex"
:on-click on-add-layout}
"Flex layout"]
[:button {:class (stl/css :layout-option)
:data-type "grid"
:on-click on-add-layout}
"Grid layout"]]]
(when has-layout? (when has-layout?
[:> icon-button* {:variant "ghost" [:> icon-button* {:variant "ghost"
@ -1275,17 +1279,7 @@
:on-click on-toggle-dropdown-visibility :on-click on-toggle-dropdown-visibility
:icon i/add}] :icon i/add}]
[:& dropdown {:show show-dropdown? add-layout-dropdown
:on-close on-hide-dropdown}
[:div {:class (stl/css :layout-options)}
[:button {:class (stl/css :layout-option)
:data-type "flex"
:on-click on-add-layout}
"Flex layout"]
[:button {:class (stl/css :layout-option)
:data-type "grid"
:on-click on-add-layout}
"Grid layout"]]]
(when has-layout? (when has-layout?
[:> icon-button* {:variant "ghost" [:> icon-button* {:variant "ghost"

8
frontend/translations/en.po
View File

@ -2758,6 +2758,10 @@ msgstr "Figma"
msgid "labels.fill" msgid "labels.fill"
msgstr "Fill" msgstr "Fill"
#: src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
msgid "labels.flex-layout"
msgstr "Flex layout"
#: src/app/main/ui/dashboard/fonts.cljs:432 #: src/app/main/ui/dashboard/fonts.cljs:432
msgid "labels.font-family" msgid "labels.font-family"
msgstr "Font Family" msgstr "Font Family"
@ -2800,6 +2804,10 @@ msgstr "Go back"
msgid "labels.graphic-design" msgid "labels.graphic-design"
msgstr "Graphic design" msgstr "Graphic design"
#: src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
msgid "labels.grid-layout"
msgstr "Grid layout"
#: src/app/main/ui/dashboard/sidebar.cljs:887, src/app/main/ui/workspace/main_menu.cljs:136, src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs:1317, src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs:1345, src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs:1533 #: src/app/main/ui/dashboard/sidebar.cljs:887, src/app/main/ui/workspace/main_menu.cljs:136, src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs:1317, src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs:1345, src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs:1533
msgid "labels.help-center" msgid "labels.help-center"
msgstr "Help Center" msgstr "Help Center"