3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-25 17:56:11 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix problem with collapsing pages

Browse source
This commit is contained in:
alonso.torres 2022-02-25 12:33:19 +01:00 • committed by Andrey Antukh
parent 2fc4c30bed
commit 05c77d0248
2 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -52,7 +52,7 @@
(mf/use-callback (mf/use-callback
(mf/deps (:vport local)) (mf/deps (:vport local))
(fn [resize-type size] (fn [resize-type size]
(when (:vport local) (when (and (:vport local) (not= size (:vport local)))
(st/emit! (dw/update-viewport-size resize-type size))))) (st/emit! (dw/update-viewport-size resize-type size)))))
node-ref (use-resize-observer on-resize)] node-ref (use-resize-observer on-resize)]

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

@ -209,6 +209,7 @@
{:keys [on-pointer-down on-lost-pointer-capture on-mouse-move parent-ref size]} {:keys [on-pointer-down on-lost-pointer-capture on-mouse-move parent-ref size]}
(use-resize-hook :sitemap 200 38 400 :y false nil) (use-resize-hook :sitemap 200 38 400 :y false nil)
size (if @show-pages? size 38)
toggle-pages toggle-pages
(mf/use-callback #(reset! show-pages? not))] (mf/use-callback #(reset! show-pages? not))]
@ -217,12 +218,13 @@
[:div.tool-window-bar [:div.tool-window-bar
[:span (tr "workspace.sidebar.sitemap")] [:span (tr "workspace.sidebar.sitemap")]
[:div.add-page {:on-click create} i/close] [:div.add-page {:on-click create} i/close]
[:div.collapse-pages {:on-click toggle-pages} i/arrow-slide]] [:div.collapse-pages {:on-click toggle-pages
:style {:transform (when (not @show-pages?) "rotate(-90deg)")}} i/arrow-slide]]
[:div.tool-window-content
[:& pages-list {:file file :key (:id file)}]]
(when @show-pages? (when @show-pages?
[:div.tool-window-content
[:& pages-list {:file file :key (:id file)}]])
[:div.resize-area {:on-pointer-down on-pointer-down [:div.resize-area {:on-pointer-down on-pointer-down
:on-lost-pointer-capture on-lost-pointer-capture :on-lost-pointer-capture on-lost-pointer-capture
:on-mouse-move on-mouse-move}]])) :on-mouse-move on-mouse-move}])]))