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

💄 Add minor cosmetic improvements to viewer comments code

Browse source 
Mainly on comments and header namespace
This commit is contained in:
Andrey Antukh 2024-02-22 17:03:59 +01:00 • committed by Alonso Torres
parent 6660ca8e6f
commit 9db714b25d
2 changed files with 30 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

27
frontend/src/app/main/ui/viewer/header.cljs
View file

@ -34,7 +34,8 @@
(modal/show! :login-register {}))
(mf/defc zoom-widget
{::mf/wrap [mf/memo]}
{::mf/memo true
::mf/props :obj}
[{:keys [zoom
on-increase
on-decrease
@ -102,38 +103,38 @@
[:span {:class (stl/css :shortcuts)}
(for [sc (scd/split-sc (sc/get-tooltip :toggle-zoom-style))]
[:span {:class (stl/css :shortcut-key)
:key (str "zoom-fit-" sc)} sc])]]
:key (dm/str "zoom-fit-" sc)} sc])]]
[:li {:class (stl/css :zoom-option)
:on-click on-zoom-fill}
(tr "workspace.header.zoom-fill")
[:span {:class (stl/css :shortcuts)}
(for [sc (scd/split-sc (sc/get-tooltip :toggle-zoom-style))]
[:span {:class (stl/css :shortcut-key)
:key (str "zoom-fill-" sc)} sc])]]
:key (dm/str "zoom-fill-" sc)} sc])]]
[:li {:class (stl/css :zoom-option)
:on-click on-fullscreen}
(tr "workspace.header.zoom-full-screen")
[:span {:class (stl/css :shortcuts)}
(for [sc (scd/split-sc (sc/get-tooltip :toggle-fullscreen))]
[:span {:class (stl/css :shortcut-key)
:key (str "zoom-fullscreen-" sc)} sc])]]]]]))
:key (dm/str "zoom-fullscreen-" sc)} sc])]]]]]))
(mf/defc header-options
[{:keys [section zoom page file index permissions interactions-mode]}]
(let [fullscreen? (mf/deref fullscreen-ref)
toggle-fullscreen
(mf/use-callback
(mf/use-fn
(fn [] (st/emit! dv/toggle-fullscreen)))
go-to-workspace
(mf/use-callback
(mf/use-fn
(mf/deps page)
(fn []
(st/emit! (dv/go-to-workspace (:id page)))))
open-share-dialog
(mf/use-callback
(mf/use-fn
(mf/deps page)
(fn []
(modal/show! :share-link {:page page :file file})
@ -209,22 +210,22 @@
show-dropdown? (mf/use-state false)
toggle-thumbnails
(mf/use-callback
(mf/use-fn
(fn []
(st/emit! dv/toggle-thumbnails-panel)))
open-dropdown
(mf/use-callback
(mf/use-fn
(fn []
(reset! show-dropdown? true)))
close-dropdown
(mf/use-callback
(mf/use-fn
(fn []
(reset! show-dropdown? false)))
navigate-to
(mf/use-callback
(mf/use-fn
(fn [page-id]
(st/emit! (dv/go-to-page page-id))
(reset! show-dropdown? false)))]
@ -245,8 +246,8 @@
(for [id (get-in file [:data :pages])]
[:li {:class (stl/css-case :dropdown-element true
:selected (= page-id id))
:id (str id)
:key (str id)
:id (dm/str id)
:key (dm/str id)
:on-click (partial navigate-to id)}
[:span {:class (stl/css :label)}
(get-in file [:data :pages-index id :name])]