monadical/opencode
14
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"] { [data-component="sticky-accordion-header"] {
top: 40px; top: 40px;
}
&[data-expanded]::before { [data-component="sticky-accordion-header"][data-expanded]::before,
top: -40px; [data-slot="accordion-item"][data-expanded] [data-component="sticky-accordion-header"]::before {
} top: -40px;
} }
[data-slot="accordion-trigger"] { [data-slot="accordion-trigger"] {
@@ -79,6 +80,7 @@
[data-slot="session-review-accordion-content"] { [data-slot="session-review-accordion-content"] {
position: relative; position: relative;
z-index: 0;
overflow: hidden; overflow: hidden;
} }
@@ -211,7 +213,9 @@
[data-slot="session-review-diff-wrapper"] { [data-slot="session-review-diff-wrapper"] {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
z-index: 0;
--line-comment-z: 5; --line-comment-z: 5;
--line-comment-popover-z: 30; --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"] { [data-component="sticky-accordion-header"] {
top: var(--sticky-header-height, 0px); top: var(--sticky-header-height, 0px);
}
&[data-expanded]::before { [data-component="sticky-accordion-header"][data-expanded]::before,
top: calc(-1 * var(--sticky-header-height, 0px)); [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"] { [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"] { [data-component="sticky-accordion-header"] {
position: sticky; position: sticky;
top: 0px; top: 0px;
}
&[data-expanded] {
z-index: 10; [data-component="sticky-accordion-header"][data-expanded],
[data-slot="accordion-item"][data-expanded] [data-component="sticky-accordion-header"] {
&::before { z-index: 10;
content: ""; }
z-index: -10;
position: absolute; [data-component="sticky-accordion-header"][data-expanded]::before,
inset: 0; [data-slot="accordion-item"][data-expanded] [data-component="sticky-accordion-header"]::before {
background-color: var(--background-stronger); content: "";
} z-index: -10;
} position: absolute;
inset: 0;
background-color: var(--background-stronger);
} }