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

fix: Use overflow-clip instead of overflow-hidden on FileCard

Browse Source 
overflow-hidden creates a scroll container that breaks sticky positioning
for file headers. overflow-clip provides the same visual clipping for
rounded corners without affecting the scroll/sticky context.
This commit is contained in:
Lukas May
2026-03-06 11:44:45 +01:00
parent 0c04a1d273
commit 49970eb1d7
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/review/FileCard.tsx
View File

@@ -79,7 +79,7 @@ export function FileCard({
const tokenMap = useHighlightedFile(file.newPath, allLines); const tokenMap = useHighlightedFile(file.newPath, allLines);
return ( return (
<div className="rounded-lg border border-border overflow-hidden"> <div className="rounded-lg border border-border overflow-clip">
{/* File header — sticky so it stays visible when scrolling */} {/* File header — sticky so it stays visible when scrolling */}
<button <button
className={`sticky z-10 flex w-full items-center gap-2 px-3 py-2 bg-muted hover:bg-muted/90 text-left text-sm font-mono transition-colors ${leftBorderClass[file.changeType]}`} className={`sticky z-10 flex w-full items-center gap-2 px-3 py-2 bg-muted hover:bg-muted/90 text-left text-sm font-mono transition-colors ${leftBorderClass[file.changeType]}`}