| author |  Julius Marminge <julius0216@outlook.com> 2026-02-28 23:28:38-08:00 |
| committer |  Julius Marminge <jmarminge@gmail.com> 2026-03-01 10:31:13-08:00 |
| log | 3dd004c3230d62028e0d1c747cf641cf8d33ad3e |
| tree | 293dfd90cce87f51077e736715b396a33ec2d12f |
| parent | 1af43dbf90add958b02ac5935b103f0eba6dc60a |
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 readability1 files changed, 8 insertions(+), 0 deletions(-)
apps
web
src
components
apps/web/src/components/DiffPanel.tsx+8
| ... | @@ -61,6 +61,14 @@ const DIFF_PANEL_UNSAFE_CSS = ` | ... | @@ -61,6 +61,14 @@ const DIFF_PANEL_UNSAFE_CSS = ` |
| 61 | color: var(--foreground) !important; | 61 | color: var(--foreground) !important; |
| 62 | } | 62 | } |
| 63 | 63 | ||
| 64 | [data-diffs-header] { | ||
| 65 | position: sticky !important; | ||
| 66 | top: 0; | ||
| 67 | z-index: 4; | ||
| 68 | background-color: color-mix(in srgb, var(--card) 94%, var(--foreground)) !important; | ||
| 69 | border-bottom: 1px solid var(--border) !important; | ||
| 70 | } | ||
| 71 | |||
| 64 | [data-title] { | 72 | [data-title] { |
| 65 | cursor: pointer; | 73 | cursor: pointer; |
| 66 | transition: | 74 | transition: |