tas/Codewalkers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Cover transparent gap above sticky review header

Browse Source 
Use negative margin to pull sticky header into the parent space-y-3 gap,
with matching padding and bg-background to paint over it when stuck.
This commit is contained in:
Lukas May
2026-03-06 11:21:08 +01:00
parent 6a2f9c6d57
commit 19cd0a2cb0
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/components/review/ReviewTab.tsx
View File

@@ -325,7 +325,8 @@ export function ReviewTab({ initiativeId }: ReviewTabProps) {
return ( return (
<div> <div>
{/* Header: phase selector + toolbar */} {/* Header: phase selector + toolbar */}
<div ref={headerRef} className="sticky top-0 z-20 rounded-t-lg border border-border bg-card"> <div ref={headerRef} className="sticky top-0 z-20 -mt-3 pt-3 bg-background">
<div className="rounded-t-lg border border-border bg-card">
<ReviewHeader <ReviewHeader
phases={reviewablePhases.map((p) => ({ id: p.id, name: p.name, status: p.status }))} phases={reviewablePhases.map((p) => ({ id: p.id, name: p.name, status: p.status }))}
activePhaseId={activePhaseId} activePhaseId={activePhaseId}
@@ -345,6 +346,7 @@ export function ReviewTab({ initiativeId }: ReviewTabProps) {
totalCount={allFiles.length} totalCount={allFiles.length}
/> />
</div> </div>
</div>
{/* Main content area — sidebar always rendered to preserve state */} {/* Main content area — sidebar always rendered to preserve state */}
<div className="grid grid-cols-1 lg:grid-cols-[260px_1fr] rounded-b-lg border-x border-b border-border bg-card"> <div className="grid grid-cols-1 lg:grid-cols-[260px_1fr] rounded-b-lg border-x border-b border-border bg-card">