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

💄 Change some styles in viewer mode

Browse source
This commit is contained in:
Eva 2022-07-28 09:30:17 +02:00
parent 8285cb8f62
commit 5b658c2f8a
7 changed files with 137 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

33
frontend/src/app/main/ui/viewer.cljs
View file

@ -230,6 +230,19 @@
interactions-mode
(:interactions-mode local)
click-on-screen
(mf/use-callback
(fn [event]
(let [origin (dom/get-target event)
over-section? (dom/class? origin "viewer-section")
layout (dom/get-element "viewer-layout")
has-force? (dom/class? layout "force-visible")]
(when over-section?
(if has-force?
(dom/remove-class! layout "force-visible")
(dom/add-class! layout "force-visible"))))))
on-click
(mf/use-callback
(mf/deps section)
@ -368,16 +381,15 @@
:handoff-layout (= section :handoff)
:fullscreen fullscreen?)}
[:& header {:project project
:index index
:file file
:page page
:frame frame
:permissions permissions
:zoom zoom
:section section}]
[:div.viewer-content
[:& header {:project project
:index index
:file file
:page page
:frame frame
:permissions permissions
:zoom zoom
:section section}]
[:div.thumbnail-close {:on-click #(st/emit! dv/close-thumbnails-panel)
:class (dom/classnames :invisible (not (:show-thumbnails local false)))}]
[:& thumbnails-panel {:frames frames
@ -387,7 +399,8 @@
:thumbnail-data (:thumbnails file)}]
[:section.viewer-section {:id "viewer-section"
:ref viewer-section-ref
:class (if fullscreen? "fullscreen" "")}
:class (if fullscreen? "fullscreen" "")
:on-click click-on-screen}
(cond
(empty? frames)
[:section.empty-state