From ebecfe4983c64b3d21e8f427fc8c82c5dff2b98b Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Wed, 4 Mar 2026 15:11:16 -0800 Subject: [PATCH] fix: app-switcher sidebar invisible due to backdrop-filter containing block backdrop-filter on .rstack-header created a CSS containing block that trapped the sidebar's position:fixed, giving it zero height. Moved the backdrop-filter and background to a ::before pseudo-element so the header no longer traps fixed-positioned children. Co-Authored-By: Claude Opus 4.6 --- website/public/shell.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/website/public/shell.css b/website/public/shell.css index 8778123..2098044 100644 --- a/website/public/shell.css +++ b/website/public/shell.css @@ -20,11 +20,19 @@ body { justify-content: space-between; padding: 0 16px; z-index: 9999; + border-bottom: 1px solid var(--rs-glass-border); + color: var(--rs-text-primary); +} +/* backdrop-filter on pseudo-element so the header doesn't create a + containing block that traps position:fixed children (e.g. app-switcher sidebar) */ +.rstack-header::before { + content: ''; + position: absolute; + inset: 0; + z-index: -1; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); background: var(--rs-glass-bg); - border-bottom: 1px solid var(--rs-glass-border); - color: var(--rs-text-primary); } .rstack-header__left {