Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-23 23:35:58 -05:00
Code Issues Activity

✨ Add resize in percentage option (#5816)

Browse source
This commit is contained in:
Eva Marco 2025-02-11 11:25:11 +01:00 • committed by GitHub
parent dd1aba0d05
commit a2727a110e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/app/main/ui/hooks/resize.cljs
View file

@ -48,6 +48,14 @@
start-size-ref (mf/use-ref nil) start-size-ref (mf/use-ref nil)
start-ref (mf/use-ref nil) start-ref (mf/use-ref nil)
window-height (dom/get-window-height)
max-val (mf/with-memo [max-val window-height]
(let [parsed-max-val (when (string? max-val) (d/parse-double max-val))]
(if parsed-max-val
(* window-height parsed-max-val)
max-val)))
on-pointer-down on-pointer-down
(mf/use-fn (mf/use-fn
(mf/deps current-size) (mf/deps current-size)
@ -79,6 +87,7 @@
(get axis)) (get axis))
start-size (mf/ref-val start-size-ref) start-size (mf/ref-val start-size-ref)
new-size (-> (+ start-size delta) (max min-val) (min max-val))] new-size (-> (+ start-size delta) (max min-val) (min max-val))]
(reset! current-size* new-size) (reset! current-size* new-size)
(swap! storage/user update-persistent-state file-id key new-size))))) (swap! storage/user update-persistent-state file-id key new-size)))))

2
frontend/src/app/main/ui/workspace/sidebar.cljs
View file

@ -78,7 +78,7 @@
on-lost-pointer-capture-pages :on-lost-pointer-capture on-lost-pointer-capture-pages :on-lost-pointer-capture
on-pointer-move-pages :on-pointer-move on-pointer-move-pages :on-pointer-move
size-pages-opened :size} size-pages-opened :size}
(use-resize-hook :sitemap 200 38 400 :y false nil) (use-resize-hook :sitemap 200 38 "0.6" :y false nil)
show-pages? (mf/use-state true) show-pages? (mf/use-state true)
toggle-pages (mf/use-fn #(reset! show-pages? not)) toggle-pages (mf/use-fn #(reset! show-pages? not))

2
frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
View file

@ -365,7 +365,7 @@
on-lost-pointer-capture-pages :on-lost-pointer-capture on-lost-pointer-capture-pages :on-lost-pointer-capture
on-pointer-move-pages :on-pointer-move on-pointer-move-pages :on-pointer-move
size-pages-opened :size} size-pages-opened :size}
(use-resize-hook :tokens 200 38 400 :y false nil)] (use-resize-hook :tokens 200 38 "0.6" :y false nil)]
[:div {:class (stl/css :sidebar-wrapper)} [:div {:class (stl/css :sidebar-wrapper)}
[:& themes-sets-tab {:resize-height size-pages-opened}] [:& themes-sets-tab {:resize-height size-pages-opened}]
[:article {:class (stl/css :tokens-section-wrapper) [:article {:class (stl/css :tokens-section-wrapper)

4
frontend/src/app/util/dom.cljs
View file

@ -457,6 +457,10 @@
{:width (.-innerWidth ^js js/window) {:width (.-innerWidth ^js js/window)
:height (.-innerHeight ^js js/window)}) :height (.-innerHeight ^js js/window)})
(defn get-window-height
[]
(.-innerHeight ^js js/window))
(defn get-computed-styles (defn get-computed-styles
[node] [node]
(js/getComputedStyle node)) (js/getComputedStyle node))