diff options
| author | David Hill <[email protected]> | 2026-01-24 23:08:54 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-24 23:09:22 +0000 |
| commit | 93e948ae1241051744b19cec7cec23063db6c534 (patch) | |
| tree | c4560db0094a01bbda947816097a0c9469df4a48 /packages | |
| parent | 8714b1a3acf036f8b860425dfc1dc2858dcfee00 (diff) | |
| download | opencode-93e948ae1241051744b19cec7cec23063db6c534.tar.gz opencode-93e948ae1241051744b19cec7cec23063db6c534.zip | |
fix(ui): ensure comment popover appears above other comment icons
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/ui/src/components/line-comment.css | 4 | ||||
| -rw-r--r-- | packages/ui/src/components/line-comment.tsx | 1 |
2 files changed, 5 insertions, 0 deletions
diff --git a/packages/ui/src/components/line-comment.css b/packages/ui/src/components/line-comment.css index 52bd00030..36fb14c64 100644 --- a/packages/ui/src/components/line-comment.css +++ b/packages/ui/src/components/line-comment.css @@ -4,6 +4,10 @@ z-index: var(--line-comment-z, 30); } +[data-component="line-comment"][data-open] { + z-index: var(--line-comment-open-z, 100); +} + [data-component="line-comment"] [data-slot="line-comment-button"] { width: 20px; height: 20px; diff --git a/packages/ui/src/components/line-comment.tsx b/packages/ui/src/components/line-comment.tsx index a9e22036b..41462fa8e 100644 --- a/packages/ui/src/components/line-comment.tsx +++ b/packages/ui/src/components/line-comment.tsx @@ -25,6 +25,7 @@ export const LineCommentAnchor = (props: LineCommentAnchorProps) => { data-component="line-comment" data-variant={variant()} data-comment-id={props.id} + data-open={props.open ? "" : undefined} classList={{ [props.class ?? ""]: !!props.class, }} |