🐛 Fix closing of thumbnails panel in view mode

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;

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;

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))

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

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

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

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]