From e7db85a438041ac785510ca531185c44d1fe2331 Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@photoprism.app>
Date: Wed, 3 Jun 2026 20:00:41 +0000
Subject: [PATCH] Navigation: Lift the avatar menu above the navigation drawer

---
 frontend/src/component/navigation/user-menu.vue | 1 +
 frontend/src/css/navigation.css                 | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/frontend/src/component/navigation/user-menu.vue b/frontend/src/component/navigation/user-menu.vue
index f2fb012e0..8dde918af 100644
--- a/frontend/src/component/navigation/user-menu.vue
+++ b/frontend/src/component/navigation/user-menu.vue
@@ -4,6 +4,7 @@
     location="top"
     offset="6"
     :min-width="240"
+    :z-index="2400"
     class="nav-user-menu"
     @update:model-value="onToggle"
   >
diff --git a/frontend/src/css/navigation.css b/frontend/src/css/navigation.css
index d62071f47..d82dd68e8 100644
--- a/frontend/src/css/navigation.css
+++ b/frontend/src/css/navigation.css
@@ -5,6 +5,14 @@
     user-select: none;
 }
 
+/* The avatar menu / instance switcher (PUserMenu) is teleported to
+   .v-overlay-container, where its stack z-index can land below the navigation
+   drawer (z-index ~1004) and be covered by it. Keep the overlay above the
+   drawer so the menu stays usable in both the Portal and instance navigation. */
+.v-overlay.nav-user-menu {
+    z-index: 2400 !important;
+}
+
 #p-navigation ::-webkit-scrollbar {
     /* Hides scrollbar in sidebar navigation to save space */
     /* see https://css-tricks.com/custom-scrollbars-in-webkit/#aa-the-different-pieces */