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

fix(shell): align subnav/tabbar directly below tab row (top: 92px) 

The subnav and tabbar had top: 128px which left a 36px gap below the
tab row. Changed to 92px (56px header + 36px tab row) and removed
extra margin-bottom. Added sibling rule so tabbar stacks below subnav
when both are present.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-12 22:44:36 -07:00
parent 40be1c63b3
commit 2532efd6cc
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
server/shell.ts
View File

@ -1327,9 +1327,8 @@ const SUBNAV_CSS = `
background: var(--rs-bg-surface); background: var(--rs-bg-surface);
scrollbar-width: none; scrollbar-width: none;
position: sticky; position: sticky;
top: 128px; top: 92px;
z-index: 100; z-index: 100;
margin-bottom: 4px;
} }
.rapp-subnav::-webkit-scrollbar { display: none; } .rapp-subnav::-webkit-scrollbar { display: none; }
@media (max-width: 640px) { @media (max-width: 640px) {
@ -1416,10 +1415,11 @@ const TABBAR_CSS = `
background: var(--rs-bg-surface); background: var(--rs-bg-surface);
scrollbar-width: none; scrollbar-width: none;
position: sticky; position: sticky;
top: 128px; top: 92px;
z-index: 100; z-index: 100;
} }
.rapp-tabbar::-webkit-scrollbar { display: none; } .rapp-tabbar::-webkit-scrollbar { display: none; }
.rapp-subnav + .rapp-tabbar { top: 129px; }
@media (max-width: 640px) { @media (max-width: 640px) {
.rapp-tabbar { .rapp-tabbar {
position: relative; position: relative;
@ -1427,6 +1427,7 @@ const TABBAR_CSS = `
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
gap: 0.25rem; gap: 0.25rem;
} }
.rapp-subnav + .rapp-tabbar { top: auto; }
} }
`; `;