3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-07-22 06:37:14 +02:00
Code Issues Projects Releases Packages Wiki 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
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]) page-id (get-in data [:page :id])
on-close #(st/emit! dv/toggle-thumbnails-panel) 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 on-item-click
(fn [event index] (fn [event index]
(compare-and-set! selected false true)
(st/emit! (rt/nav :viewer {:page-id page-id (st/emit! (rt/nav :viewer {:page-id page-id
:index index})))] :index index}))
(when @expanded?
(on-close)))]
[:& dropdown' {:on-close on-close [:& dropdown' {:on-close on-close
:container container :container container
:show true} :show true}
[:section.viewer-thumbnails {:class (classnames :expanded @expanded?) [:section.viewer-thumbnails
:ref container} {:class (classnames :expanded @expanded?)
:ref container
:on-mouse-leave on-mouse-leave}
[:& thumbnails-summary {:on-toggle-expand #(swap! expanded? not) [:& thumbnails-summary {:on-toggle-expand #(swap! expanded? not)
:on-close on-close :on-close on-close
:total (count (:frames data))}] :total (count (:frames data))}]