From 3dd004c3230d62028e0d1c747cf641cf8d33ad3e Mon Sep 17 00:00:00 2001 From: Julius Marminge Date: Sat, 28 Feb 2026 23:28:38 -0800 Subject: [PATCH] Keep diff panel header sticky while scrolling - Make the diffs header stick to the top of the panel - Add header background and bottom border for readability --- apps/web/src/components/DiffPanel.tsx | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/apps/web/src/components/DiffPanel.tsx b/apps/web/src/components/DiffPanel.tsx index 3b77edda2eb5210422975cf866dd3a3c551dba9f..39abdec36652fae3f389214675ab0c891f623beb 100644 --- a/apps/web/src/components/DiffPanel.tsx +++ b/apps/web/src/components/DiffPanel.tsx @@ -61,6 +61,14 @@ const DIFF_PANEL_UNSAFE_CSS = ` color: var(--foreground) !important; } +[data-diffs-header] { + position: sticky !important; + top: 0; + z-index: 4; + background-color: color-mix(in srgb, var(--card) 94%, var(--foreground)) !important; + border-bottom: 1px solid var(--border) !important; +} + [data-title] { cursor: pointer; transition: -- 2.54.0