peter/siftlode
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(header): restore inner scroll broken by the floating-header wrapper

Browse Source 
The wrapper that pads content below the fixed header lacked min-h-0, so as a
flex child with min-height:auto it grew to its content's height instead of
staying bounded to the viewport. That let the whole document scroll (the fixed
header/nav stayed put while content ran off-screen). Add min-h-0 so the wrapper
stays viewport-height and the inner <main> keeps its own overflow scroll.
This commit is contained in:
peter
2026-07-13 02:39:43 +02:00
parent d159f35f31
commit 076a2fbe6f
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.tsx
+1 -1
View File
@@ -819,7 +819,7 @@ export default function App() {
wrapper clears it with a top pad — EXCEPT on Playlists, whose own left rail must reach wrapper clears it with a top pad — EXCEPT on Playlists, whose own left rail must reach
the very top (it pads only its content pane internally instead). */} the very top (it pads only its content pane internally instead). */}
<div <div
className={`flex-1 min-w-0 flex flex-col ${page === "playlists" ? "" : "pt-[var(--hdr-h)]"}`} className={`flex-1 min-w-0 min-h-0 flex flex-col ${page === "playlists" ? "" : "pt-[var(--hdr-h)]"}`}
> >
{meQuery.data!.is_demo && <DemoBanner />} {meQuery.data!.is_demo && <DemoBanner />}
<VersionBanner onOpen={() => openReleaseNotes(CURRENT_VERSION)} /> <VersionBanner onOpen={() => openReleaseNotes(CURRENT_VERSION)} />