monadical/opencode
13
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(ui): review comments z-index stacking

Browse Source
This commit is contained in:
Adam
2026-02-04 10:35:01 -06:00
parent c875a1fc90
commit 28dc5de6a8
3 changed files with 25 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/ui/src/components/session-review.css
View File

@@ -44,10 +44,11 @@
[data-component="sticky-accordion-header"] {
top: 40px;
}
&[data-expanded]::before {
top: -40px;
}
[data-component="sticky-accordion-header"][data-expanded]::before,
[data-slot="accordion-item"][data-expanded] [data-component="sticky-accordion-header"]::before {
top: -40px;
}
[data-slot="accordion-trigger"] {
@@ -79,6 +80,7 @@
[data-slot="session-review-accordion-content"] {
position: relative;
z-index: 0;
overflow: hidden;
}
@@ -211,7 +213,9 @@
[data-slot="session-review-diff-wrapper"] {
position: relative;
overflow: hidden;
z-index: 0;
--line-comment-z: 5;
--line-comment-popover-z: 30;
--line-comment-open-z: 6;
}
}

7
packages/ui/src/components/session-turn.css
View File

@@ -409,10 +409,11 @@
[data-component="sticky-accordion-header"] {
top: var(--sticky-header-height, 0px);
}
&[data-expanded]::before {
top: calc(-1 * var(--sticky-header-height, 0px));
}
[data-component="sticky-accordion-header"][data-expanded]::before,
[data-slot="accordion-item"][data-expanded] [data-component="sticky-accordion-header"]::before {
top: calc(-1 * var(--sticky-header-height, 0px));
}
[data-slot="session-turn-accordion-trigger-content"] {

26
packages/ui/src/components/sticky-accordion-header.css
View File

@@ -1,16 +1,18 @@
[data-component="sticky-accordion-header"] {
position: sticky;
top: 0px;
&[data-expanded] {
z-index: 10;
&::before {
content: "";
z-index: -10;
position: absolute;
inset: 0;
background-color: var(--background-stronger);
}
}
}
[data-component="sticky-accordion-header"][data-expanded],
[data-slot="accordion-item"][data-expanded] [data-component="sticky-accordion-header"] {
z-index: 10;
}
[data-component="sticky-accordion-header"][data-expanded]::before,
[data-slot="accordion-item"][data-expanded] [data-component="sticky-accordion-header"]::before {
content: "";
z-index: -10;
position: absolute;
inset: 0;
background-color: var(--background-stronger);
}