ui: fix sticky session diffs header (#21486)
This commit is contained in:
@@ -94,9 +94,15 @@
|
|||||||
|
|
||||||
[data-slot="session-turn-diffs-header"] {
|
[data-slot="session-turn-diffs-header"] {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: baseline;
|
align-items: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
padding-top: 4px;
|
||||||
padding-bottom: 12px;
|
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"] {
|
[data-slot="session-turn-diffs-label"] {
|
||||||
|
|||||||
@@ -447,7 +447,7 @@ export function SessionTurn(
|
|||||||
<div data-component="session-turn-diffs-content">
|
<div data-component="session-turn-diffs-content">
|
||||||
<Accordion
|
<Accordion
|
||||||
multiple
|
multiple
|
||||||
style={{ "--sticky-accordion-offset": "40px" }}
|
style={{ "--sticky-accordion-offset": "44px" }}
|
||||||
value={expanded()}
|
value={expanded()}
|
||||||
onChange={(value) => setState("expanded", Array.isArray(value) ? value : value ? [value] : [])}
|
onChange={(value) => setState("expanded", Array.isArray(value) ? value : value ? [value] : [])}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user