Layout: overflow-auto raus, damit Sticky-Header greifen
Der Content-Wrapper hatte overflow-auto – das machte ihn zum Scroll-Ancestor jedes Sticky-Elements, obwohl er wegen der flexbox-min-h-auto-Regel nie selbst scrollte. Sticky-Header in ContractDetail und ContractForm blieben deshalb nicht oben kleben, weil der Scroll-Kontext, an den sie gebunden waren, gar nicht scrollte. Fix: overflow-auto entfernt. Jetzt scrollt wieder das Window, Sticky sitzt an der Viewport-Kante. EmailClientTab arbeitet mit calc(100vh - 240px) und ist von der Änderung nicht betroffen. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -65,9 +65,14 @@ function PortalFooter() {
|
||||
|
||||
export default function Layout() {
|
||||
return (
|
||||
// `overflow-auto` auf dem Content-Wrapper wurde entfernt: dadurch
|
||||
// wurde jeder Sticky-Header (ContractDetail/ContractForm) unwirksam,
|
||||
// weil sein Scroll-Ancestor der Wrapper war – der aber wegen der
|
||||
// Flexbox-`min-h-auto`-Regel nicht selbst scrollte. Jetzt scrollt
|
||||
// wieder das Window, und Sticky sitzt an der Viewport-Kante.
|
||||
<div className="flex min-h-screen">
|
||||
<Sidebar />
|
||||
<div className="flex-1 flex flex-col overflow-auto">
|
||||
<div className="flex-1 flex flex-col">
|
||||
<ConsentBanner />
|
||||
<main className="flex-1 p-8">
|
||||
<Outlet />
|
||||
|
||||
Reference in New Issue
Block a user