diff options
| author | Brendan Allan <[email protected]> | 2026-04-08 17:01:52 +0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-04-08 17:01:52 +0800 |
| commit | 988c9894f21cf6d9688cad37667b668139be8820 (patch) | |
| tree | 8e21514ac33872f1f6796196afa185c9ffcd416b /packages/ui/src/components | |
| parent | ae614d919f262c78d3d2feb099f2fe0f42d9cef5 (diff) | |
| download | opencode-988c9894f21cf6d9688cad37667b668139be8820.tar.gz opencode-988c9894f21cf6d9688cad37667b668139be8820.zip | |
ui: fix sticky session diffs header (#21486)
Diffstat (limited to 'packages/ui/src/components')
| -rw-r--r-- | packages/ui/src/components/session-turn.css | 8 | ||||
| -rw-r--r-- | packages/ui/src/components/session-turn.tsx | 2 |
2 files changed, 8 insertions, 2 deletions
diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css index 53e2b58f4..b01343a01 100644 --- a/packages/ui/src/components/session-turn.css +++ b/packages/ui/src/components/session-turn.css @@ -94,9 +94,15 @@ [data-slot="session-turn-diffs-header"] { display: flex; - align-items: baseline; + align-items: center; gap: 8px; + padding-top: 4px; padding-bottom: 12px; + position: sticky; + top: var(--sticky-accordion-top, 0px); + z-index: 20; + background-color: var(--background-stronger); + height: 44px; } [data-slot="session-turn-diffs-label"] { diff --git a/packages/ui/src/components/session-turn.tsx b/packages/ui/src/components/session-turn.tsx index bb699a77e..e891a6feb 100644 --- a/packages/ui/src/components/session-turn.tsx +++ b/packages/ui/src/components/session-turn.tsx @@ -447,7 +447,7 @@ export function SessionTurn( <div data-component="session-turn-diffs-content"> <Accordion multiple - style={{ "--sticky-accordion-offset": "40px" }} + style={{ "--sticky-accordion-offset": "44px" }} value={expanded()} onChange={(value) => setState("expanded", Array.isArray(value) ? value : value ? [value] : [])} > |