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

fix(ui): style comment popovers - 14px radius, move label below, use text-weak for label, text-strong 14px for comment

Browse Source
This commit is contained in:
David Hill
2026-01-24 05:12:36 +00:00
parent c66da17364
commit af6bd9d3b1
4 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -82,10 +82,9 @@
z-index: 6;
min-width: 200px;
max-width: min(320px, calc(100vw - 48px));
border-radius: var(--radius-md);
border-radius: 14px;
background-color: var(--surface-raised-stronger-non-alpha);
border: 1px solid color-mix(in oklch, var(--border-base) 50%, transparent);
box-shadow: var(--shadow-md);
border: 1px solid var(--border-base);
padding: 12px;
}
@@ -271,15 +270,15 @@
font-family: var(--font-family-sans);
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
color: var(--text-strong);
color: var(--text-weak);
}
[data-slot="session-review-comment-hover-text"],
[data-slot="session-review-comment-popover-text"] {
font-family: var(--font-family-sans);
font-size: var(--font-size-small);
font-size: var(--font-size-base);
font-weight: var(--font-weight-regular);
color: var(--text-base);
color: var(--text-strong);
white-space: pre-wrap;
}

2
packages/ui/src/components/session-review.tsx
View File

@@ -588,7 +588,7 @@ export const SessionReview = (props: SessionReviewProps) => {
<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)}
Comment on {selectionLabel(comment.selection)}
</div>
</div>
</div>