Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-04 05:18:56 -05:00
Code Issues Activity

✨ Improve user interactions with thumbnails panel.

Browse source
This commit is contained in:
Andrey Antukh 2020-04-03 12:16:16 +02:00
parent 861199f812
commit bd2ea48969
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/uxbox/main/ui/viewer/thumbnails.cljs
View file

@ -121,16 +121,28 @@
page-id (get-in data [:page :id])
on-close #(st/emit! dv/toggle-thumbnails-panel)
selected (mf/use-var false)
on-mouse-leave
(fn [event]
(when @selected
(on-close)))
on-item-click
(fn [event index]
(compare-and-set! selected false true)
(st/emit! (rt/nav :viewer {:page-id page-id
:index index})))]
:index index}))
(when @expanded?
(on-close)))]
[:& dropdown' {:on-close on-close
:container container
:show true}
[:section.viewer-thumbnails {:class (classnames :expanded @expanded?)
:ref container}
[:section.viewer-thumbnails
{:class (classnames :expanded @expanded?)
:ref container
:on-mouse-leave on-mouse-leave}
[:& thumbnails-summary {:on-toggle-expand #(swap! expanded? not)
:on-close on-close
:total (count (:frames data))}]