opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-09-22 05:05:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: raise diff panel drag handle z-index above sticky file headers (#22504)

Browse Source 
## Problem

The drag handle (resize slider) on the diff right panel and the sticky
file headers inside `FilesChangedPanel` both had `z-index: 10`. Because
the sticky headers render later in the DOM and are positioned, they
painted on top of the drag handle — making it appear to go "below" the
headers when dragging.

## Fix

Bump the drag handle from `z-10` to `z-20` so it always stays above the
sticky `[data-diffs-header]` elements (`z-index: 10`).
This commit is contained in:
Kyle Carberry
2026-03-02 19:16:46 +00:00
committed by GitHub
parent 7aef0bf25e
commit bdc1a0e798
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/pages/AgentsPage/DiffRightPanel.tsx
+1 -1
View File
@@ -110,7 +110,7 @@ export const DiffRightPanel = ({ isOpen, children }: DiffRightPanelProps) => {
onPointerDown={handlePointerDown}
onPointerMove={handlePointerMove}
onPointerUp={handlePointerUp}
className="absolute top-0 left-0 z-10 hidden h-full w-1 cursor-col-resize select-none transition-colors hover:bg-content-link xl:block"
className="absolute top-0 left-0 z-20 hidden h-full w-1 cursor-col-resize select-none transition-colors hover:bg-content-link xl:block"
/>
{children}
</div>