From 165245908ce78c5aa95c2675458554455c4ee876 Mon Sep 17 00:00:00 2001 From: Jonas Date: Wed, 15 Apr 2026 10:56:44 +0200 Subject: [PATCH] fix(menubar): lower z-index: on top of document content, but below modals Contributes to nextcloud/collectives#2357 Signed-off-by: Jonas --- src/components/Menu/MenuBar.vue | 3 ++- src/components/Menu/ReadonlyBar.vue | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/Menu/MenuBar.vue b/src/components/Menu/MenuBar.vue index 6d998e4e5a8..d06984de01e 100644 --- a/src/components/Menu/MenuBar.vue +++ b/src/components/Menu/MenuBar.vue @@ -237,7 +237,8 @@ export default { top: 0; bottom: 0; width: 100%; - z-index: 10021; // above modal-header so menubar is always on top + // Display above link previews and tables, but below dialogs and calendar event popover + z-index: 4; background-color: var(--color-main-background-translucent); backdrop-filter: var(--background-blur); border-bottom: 1px solid var(--color-border); diff --git a/src/components/Menu/ReadonlyBar.vue b/src/components/Menu/ReadonlyBar.vue index ae4716ca2b4..7c5f8e99b9f 100644 --- a/src/components/Menu/ReadonlyBar.vue +++ b/src/components/Menu/ReadonlyBar.vue @@ -111,7 +111,8 @@ export default defineComponent({ top: 0; bottom: var(--default-grid-baseline); width: 100%; - z-index: 10021; // above modal-header so menubar is always on top + // Display above link previews and tables, but below dialogs and calendar event popover + z-index: 4; background-color: var(--color-main-background-translucent); backdrop-filter: var(--background-blur); max-height: var(