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

🐛 Fix close dropdown when option choosed

Browse source
This commit is contained in:
Eva 2024-01-22 13:20:16 +01:00
parent b66032f2cc
commit a41841ebf4
1 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
frontend/src/app/main/ui/workspace/sidebar/options/menus/frame_grid.cljs
View file

@ -55,6 +55,9 @@
toggle-more-options toggle-more-options
(mf/use-fn #(swap! state* update :show-more-options not)) (mf/use-fn #(swap! state* update :show-more-options not))
close-more-options
(mf/use-fn #(swap! state* assoc :show-more-options false))
handle-toggle-visibility handle-toggle-visibility
(mf/use-fn (mf/use-fn
(mf/deps grid) (mf/deps grid)
@ -125,10 +128,15 @@
(assoc-in [:color :color] color) (assoc-in [:color :color] color)
(update :color dissoc :value))] (update :color dissoc :value))]
(when on-change (when on-change
(on-change (assoc grid :params params)))))) (on-change (assoc grid :params params)))
(close-more-options))))
handle-set-as-default handle-set-as-default
(mf/use-fn (mf/deps grid) #(on-save-default grid)) (mf/use-fn
(mf/deps grid)
(fn []
(on-save-default grid)
(close-more-options)))
is-default (= (->> grid :params) is-default (= (->> grid :params)
(->> grid :type default-grid-params))] (->> grid :type default-grid-params))]
@ -180,7 +188,7 @@
[:& advanced-options {:class (stl/css :grid-advanced-options) [:& advanced-options {:class (stl/css :grid-advanced-options)
:visible? open? :visible? open?
:on-close toggle-advanced-options} :on-close toggle-advanced-options}
;; square ;; square
(when (= :square type) (when (= :square type)
[:div {:class (stl/css :square-row)} [:div {:class (stl/css :square-row)}
[:div {:class (stl/css :advanced-row)} [:div {:class (stl/css :advanced-row)}
@ -269,15 +277,14 @@
[:button {:class (stl/css-case :show-more-options true [:button {:class (stl/css-case :show-more-options true
:selected show-more-options?) :selected show-more-options?)
:on-click toggle-more-options} :on-click toggle-more-options
:disabled is-default}
i/menu-refactor] i/menu-refactor]
(when show-more-options? (when show-more-options?
[:div {:class (stl/css :more-options)} [:div {:class (stl/css :more-options)}
[:button {:disabled is-default [:button {:class (stl/css :option-btn)
:class (stl/css :option-btn)
:on-click handle-use-default} (tr "workspace.options.grid.params.use-default")] :on-click handle-use-default} (tr "workspace.options.grid.params.use-default")]
[:button {:disabled is-default [:button {:class (stl/css :option-btn)
:class (stl/css :option-btn)
:on-click handle-set-as-default} (tr "workspace.options.grid.params.set-default")]])]])])])) :on-click handle-set-as-default} (tr "workspace.options.grid.params.set-default")]])]])])]))
(mf/defc frame-grid (mf/defc frame-grid