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

fix(ui): position read-only comment popover below icon with 4px gutter

Browse Source
This commit is contained in:
David Hill
2026-01-24 05:15:18 +00:00
parent af6bd9d3b1
commit 0a9f51f87f
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/pages/session.tsx
View File

@@ -2030,7 +2030,7 @@ export default function Page() {
<Icon name="comment" size="small" style={{ color: "var(--white)" }} /> <Icon name="comment" size="small" style={{ color: "var(--white)" }} />
</button> </button>
<Show when={openedComment() === comment.id}> <Show when={openedComment() === comment.id}>
<div class="absolute top-0 right-[calc(100%+12px)] z-40 min-w-[200px] max-w-[320px] rounded-[14px] bg-surface-raised-stronger-non-alpha border border-border-base p-3"> <div class="absolute top-[calc(100%+4px)] right-[-8px] z-40 min-w-[200px] max-w-[320px] rounded-[14px] bg-surface-raised-stronger-non-alpha border border-border-base p-3">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col gap-1.5">
<div class="text-14-regular text-text-strong whitespace-pre-wrap"> <div class="text-14-regular text-text-strong whitespace-pre-wrap">
{comment.comment} {comment.comment}

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

@@ -77,8 +77,8 @@
[data-slot="session-review-comment-popover-content"] { [data-slot="session-review-comment-popover-content"] {
position: absolute; position: absolute;
top: 0; top: calc(100% + 4px);
right: calc(100% + 12px); right: -8px;
z-index: 6; z-index: 6;
min-width: 200px; min-width: 200px;
max-width: min(320px, calc(100vw - 48px)); max-width: min(320px, calc(100vw - 48px));