Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-20 19:51:23 -05:00
Code Issues Activity

🐛 Fix closing of thumbnails panel in view mode

Browse source
This commit is contained in:
Andrés Moya 2021-03-24 13:57:47 +01:00 • committed by Andrey Antukh
parent b534f5b736
commit 1773de88f5
7 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/resources/styles/main/layouts/handoff.scss
View file

@ -17,7 +17,7 @@ $width-settings-bar: 16rem;
}
}
.fullscreen .handoff-layout {
.fullscreen .handoff-layout:not(.force-visible) {
.viewer-header {
width: 100%;
position: fixed;

2
frontend/resources/styles/main/layouts/viewer.scss
View file

@ -15,7 +15,7 @@
}
}
.fullscreen .viewer-layout {
.fullscreen .viewer-layout:not(.force-visible) {
& .viewer-header {
width: 100%;
position: fixed;

5
frontend/src/app/main/ui/components/dropdown.cljs
View file

@ -35,9 +35,8 @@
(let [keys [(events/listen js/document EventType.CLICK on-click)
(events/listen js/document EventType.CONTEXTMENU on-click)
(events/listen js/document EventType.KEYUP on-keyup)]]
#(do (on-close)
(doseq [key keys]
(events/unlistenByKey key)))))]
#(doseq [key keys]
(events/unlistenByKey key))))]
(mf/use-effect on-mount)
children))

6
frontend/src/app/main/ui/dashboard/grid.cljs
View file

@ -171,6 +171,12 @@
:edition true
:menu-open false)))]
(mf/use-effect
(mf/deps selected? local)
(fn []
(when (and (not selected?) (:menu-open @local))
(swap! local assoc :menu-open false))))
[:div.grid-item.project-th {:class (dom/classnames
:selected selected?)
:ref item-ref

3
frontend/src/app/main/ui/handoff.cljs
View file

@ -96,7 +96,8 @@
(mf/use-effect on-mount)
(hooks/use-shortcuts sc/shortcuts)
[:div.handoff-layout
[:div.handoff-layout {:class (dom/classnames :force-visible
(:show-thumbnails state))}
[:& header
{:data data
:state state

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

@ -242,7 +242,8 @@
(mf/use-effect on-mount)
(hooks/use-shortcuts sc/shortcuts)
[:div.viewer-layout
[:div.viewer-layout {:class (dom/classnames :force-visible
(:show-thumbnails state))}
[:& header
{:data data
:state state

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

@ -21,7 +21,6 @@
[app.main.ui.components.dropdown :refer [dropdown]]
[app.main.ui.components.fullscreen :as fs]
[app.main.ui.icons :as i]
[app.util.data :refer [classnames]]
[app.util.dom :as dom]
[app.util.i18n :as i18n :refer [t]]
[app.util.router :as rt]