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

fix: Make review sidebar sticky to viewport with internal scrolling

Browse Source 
Removed overflow-hidden from grid container and changed sidebar to
sticky positioning with viewport-relative max-height. Sidebar content
scrolls independently while staying visible during diff navigation.
This commit is contained in:
Lukas May
2026-03-06 11:11:46 +01:00
parent 50043f4c61
commit d4b466ce6d
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -333,10 +333,10 @@ export function ReviewTab({ initiativeId }: ReviewTabProps) {
/> />
{/* 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] overflow-hidden rounded-b-lg"> <div className="grid grid-cols-1 lg:grid-cols-[260px_1fr] rounded-b-lg">
{/* Left: Sidebar — sticky so icon strip stays visible */} {/* Left: Sidebar — sticky to viewport, scrolls independently */}
<div className="border-r border-border"> <div className="border-r border-border">
<div className="sticky top-0 h-[calc(100vh-12rem)]"> <div className="sticky top-0 h-screen max-h-[calc(100vh-4rem)] overflow-hidden">
<ReviewSidebar <ReviewSidebar
files={allFiles} files={allFiles}
comments={comments} comments={comments}