From c13caa5573dfc2be3ede0ec4613ba9de98c9079d Mon Sep 17 00:00:00 2001 From: SomiVista Date: Tue, 1 Sep 2026 10:45:16 +0300 Subject: [PATCH 01/13] fix(ui): lift the app shell topbar above the content column MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Opening the topbar avatar menu rendered it behind the page: the "Install extension" button and the stat cards drew on top of the open dropdown.
is position: relative while
was static, and CSS paints positioned elements above static ones whatever the DOM order — so the content column and its whole subtree covered the header, and with it any popover opened from the #header-right slot. The header's backdrop-blur does not rescue this: the stacking context it creates still paints in the non-positioned layer. Adds st-relative st-z-sticky to the header. 100 sits above
(z-auto) and below the mobile drawer and its scrim (z-overlay, 200), which must keep covering the header below md. Fixed in the shell rather than in ProfileButton so the next popover in that slot — and the extension, which shares this library — gets it too. Also drops three template comments in this file. Co-Authored-By: Claude Opus 5 --- ui/src/shell/StAppShell.vue | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) diff --git a/ui/src/shell/StAppShell.vue b/ui/src/shell/StAppShell.vue index 3a3abc4..34d7c8f 100644 --- a/ui/src/shell/StAppShell.vue +++ b/ui/src/shell/StAppShell.vue @@ -4,11 +4,6 @@ :data-rail="collapsed ? 'collapsed' : 'expanded'" :style="{ '--sidebar-w': collapsed ? COLLAPSED_W : undefined }" > -
- -