diff --git a/frontend/resources/styles/main/layouts/handoff.scss b/frontend/resources/styles/main/layouts/handoff.scss index 9f6a2ff8b8..c41ad640d0 100644 --- a/frontend/resources/styles/main/layouts/handoff.scss +++ b/frontend/resources/styles/main/layouts/handoff.scss @@ -17,7 +17,7 @@ $width-settings-bar: 16rem; } } -.fullscreen .handoff-layout { +.fullscreen .handoff-layout:not(.force-visible) { .viewer-header { width: 100%; position: fixed; diff --git a/frontend/resources/styles/main/layouts/viewer.scss b/frontend/resources/styles/main/layouts/viewer.scss index ed62d776c1..ea6bf998aa 100644 --- a/frontend/resources/styles/main/layouts/viewer.scss +++ b/frontend/resources/styles/main/layouts/viewer.scss @@ -15,7 +15,7 @@ } } -.fullscreen .viewer-layout { +.fullscreen .viewer-layout:not(.force-visible) { & .viewer-header { width: 100%; position: fixed; diff --git a/frontend/src/app/main/ui/components/dropdown.cljs b/frontend/src/app/main/ui/components/dropdown.cljs index b7bb1f2f2c..b1efae1310 100644 --- a/frontend/src/app/main/ui/components/dropdown.cljs +++ b/frontend/src/app/main/ui/components/dropdown.cljs @@ -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)) diff --git a/frontend/src/app/main/ui/dashboard/grid.cljs b/frontend/src/app/main/ui/dashboard/grid.cljs index 56c73d75cf..a7653c3f5e 100644 --- a/frontend/src/app/main/ui/dashboard/grid.cljs +++ b/frontend/src/app/main/ui/dashboard/grid.cljs @@ -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 diff --git a/frontend/src/app/main/ui/handoff.cljs b/frontend/src/app/main/ui/handoff.cljs index adf4a467f2..9b6d9873f2 100644 --- a/frontend/src/app/main/ui/handoff.cljs +++ b/frontend/src/app/main/ui/handoff.cljs @@ -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 diff --git a/frontend/src/app/main/ui/viewer.cljs b/frontend/src/app/main/ui/viewer.cljs index 3467986d84..89fdbc91cb 100644 --- a/frontend/src/app/main/ui/viewer.cljs +++ b/frontend/src/app/main/ui/viewer.cljs @@ -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 diff --git a/frontend/src/app/main/ui/viewer/header.cljs b/frontend/src/app/main/ui/viewer/header.cljs index 02e89ecdd2..e2eeff8a58 100644 --- a/frontend/src/app/main/ui/viewer/header.cljs +++ b/frontend/src/app/main/ui/viewer/header.cljs @@ -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]