summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorDavid Hill <[email protected]>2026-01-24 04:58:59 +0000
committerDavid Hill <[email protected]>2026-01-24 06:18:55 +0000
commitc66da17364b3494460b19fbd4fb4d806f632e540 (patch)
tree57b8e4ce182f40ce9decfc07752cbfc6a3d9db34
parentb280207481b7dfba25bf17dc5e4a5fb0432f1060 (diff)
downloadopencode-c66da17364b3494460b19fbd4fb4d806f632e540.tar.gz
opencode-c66da17364b3494460b19fbd4fb4d806f632e540.zip
fix(ui): move filename and line count below comment text in popovers
-rw-r--r--packages/app/src/pages/session.tsx6
-rw-r--r--packages/ui/src/components/session-review.tsx2
2 files changed, 4 insertions, 4 deletions
diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx
index 3fe321afb..baf91bd7e 100644
--- a/packages/app/src/pages/session.tsx
+++ b/packages/app/src/pages/session.tsx
@@ -2032,12 +2032,12 @@ export default function Page() {
<Show when={openedComment() === comment.id}>
<div class="absolute top-0 right-[calc(100%+12px)] z-40 min-w-[200px] max-w-[320px] rounded-md bg-surface-raised-stronger-non-alpha border border-border-base shadow-md p-3">
<div class="flex flex-col gap-1.5">
- <div class="text-12-medium text-text-strong whitespace-nowrap">
- {getFilename(comment.file)}:{commentLabel(comment.selection)}
- </div>
<div class="text-12-regular text-text-base whitespace-pre-wrap">
{comment.comment}
</div>
+ <div class="text-12-medium text-text-strong whitespace-nowrap">
+ {getFilename(comment.file)}:{commentLabel(comment.selection)}
+ </div>
</div>
</div>
</Show>
diff --git a/packages/ui/src/components/session-review.tsx b/packages/ui/src/components/session-review.tsx
index 7c35c9226..16e4b883c 100644
--- a/packages/ui/src/components/session-review.tsx
+++ b/packages/ui/src/components/session-review.tsx
@@ -586,10 +586,10 @@ export const SessionReview = (props: SessionReviewProps) => {
<Show when={isCommentOpen(comment)}>
<div data-slot="session-review-comment-popover-content">
<div data-slot="session-review-comment-popover">
+ <div data-slot="session-review-comment-popover-text">{comment.comment}</div>
<div data-slot="session-review-comment-popover-label">
{getFilename(comment.file)}:{selectionLabel(comment.selection)}
</div>
- <div data-slot="session-review-comment-popover-text">{comment.comment}</div>
</div>
</div>
</Show>