diff options
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] : [])} > |