3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-07-16 13:05:18 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Show margin/padding properties outside grid editor

Browse source
This commit is contained in:
alonso.torres 2024-02-21 16:27:47 +01:00 • committed by Andrey Antukh
parent 2942f28880
commit 764d15412f
1 changed files with 22 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

33
frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
View file

@ -1020,7 +1020,16 @@
:set-justify set-justify-grid}] :set-justify set-justify-grid}]
[:& justify-grid-row {:is-col? false [:& justify-grid-row {:is-col? false
:justify-items grid-justify-content-row :justify-items grid-justify-content-row
:set-justify set-justify-grid}]]] :set-justify set-justify-grid}]]
[:div {:class (stl/css :row)}
[:& gap-section {:gap-selected? gap-selected?
:on-change set-gap
:gap-value (:layout-gap values)}]]
[:div {:class (stl/css :row :padding-section)}
[:& padding-section {:values values
:on-change-style change-padding-type
:on-change on-padding-change}]]]
nil)))])) nil)))]))
(mf/defc grid-layout-edition (mf/defc grid-layout-edition
@ -1192,6 +1201,17 @@
[:button {:on-click handle-locate-grid [:button {:on-click handle-locate-grid
:class (stl/css :locate-button)} :class (stl/css :locate-button)}
i/locate-refactor]] i/locate-refactor]]
[:div {:class (stl/css :row)}
[:& gap-section {:gap-selected? gap-selected?
:on-change set-gap
:gap-value (:layout-gap values)}]]
[:div {:class (stl/css :row :padding-section)}
[:& padding-section {:values values
:on-change-style change-padding-type
:on-change on-padding-change}]]
[:div {:class (stl/css :row :grid-tracks-row)} [:div {:class (stl/css :row :grid-tracks-row)}
[:& grid-columns-row {:is-col? true [:& grid-columns-row {:is-col? true
:expanded? @grid-columns-open? :expanded? @grid-columns-open?
@ -1215,13 +1235,4 @@
:remove-element remove-element :remove-element remove-element
:reorder-track reorder-track :reorder-track reorder-track
:hover-track hover-track :hover-track hover-track
:on-select-track handle-select-track}]] :on-select-track handle-select-track}]]]))
[:div {:class (stl/css :row)}
[:& gap-section {:gap-selected? gap-selected?
:on-change set-gap
:gap-value (:layout-gap values)}]]
[:div {:class (stl/css :row :padding-section)}
[:& padding-section {:values values
:on-change-style change-padding-type
:on-change on-padding-change}]]]))