fix(ui): review comments z-index stacking

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

View File

@@ -44,10 +44,11 @@
[data-component="sticky-accordion-header"] { [data-component="sticky-accordion-header"] {
top: 40px; 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"] { [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;
} }
} }

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 {
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"] { [data-slot="session-turn-accordion-trigger-content"] {

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] { [data-component="sticky-accordion-header"][data-expanded],
[data-slot="accordion-item"][data-expanded] [data-component="sticky-accordion-header"] {
z-index: 10; z-index: 10;
}
&::before { [data-component="sticky-accordion-header"][data-expanded]::before,
[data-slot="accordion-item"][data-expanded] [data-component="sticky-accordion-header"]::before {
content: ""; content: "";
z-index: -10; z-index: -10;
position: absolute; position: absolute;
inset: 0; inset: 0;
background-color: var(--background-stronger); background-color: var(--background-stronger);
}
}
} }