jeffemmett
/
rspace-online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-04 15:11:16 -08:00
parent 1758ce9416
commit ebecfe4983
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
website/public/shell.css
View File

@ -20,11 +20,19 @@ body {
justify-content: space-between; justify-content: space-between;
padding: 0 16px; padding: 0 16px;
z-index: 9999; 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); backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
background: var(--rs-glass-bg); background: var(--rs-glass-bg);
border-bottom: 1px solid var(--rs-glass-border);
color: var(--rs-text-primary);
} }
.rstack-header__left { .rstack-header__left {