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

fix(ui): ensure comment popover appears above other comment icons

Browse Source
This commit is contained in:
David Hill
2026-01-24 23:08:54 +00:00
parent 8714b1a3ac
commit 93e948ae12
2 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/src/components/line-comment.css
View File

@@ -4,6 +4,10 @@
z-index: var(--line-comment-z, 30); 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"] { [data-component="line-comment"] [data-slot="line-comment-button"] {
width: 20px; width: 20px;
height: 20px; height: 20px;

1
packages/ui/src/components/line-comment.tsx
View File

@@ -25,6 +25,7 @@ export const LineCommentAnchor = (props: LineCommentAnchorProps) => {
data-component="line-comment" data-component="line-comment"
data-variant={variant()} data-variant={variant()}
data-comment-id={props.id} data-comment-id={props.id}
data-open={props.open ? "" : undefined}
classList={{ classList={{
[props.class ?? ""]: !!props.class, [props.class ?? ""]: !!props.class,
}} }}