feat(comments): denser comments panel #5

Merged
Ghost merged 2 commits from feat/comments-panel-density into develop 2026-06-20 17:10:31 +03:00

Implements docs/backlog/comments-panel-density.md.

What

Tightens the Comments side panel and shrinks body/author/selection font sizes so more comments fit per screen. Scoped strictly to features/comment/ — the shared aside (TOC/Details tabs in aside.tsx) is intentionally untouched.

  • comment-list-item.tsx: author name + selection quote smxs; avatar Group gap="xs"; outer Box pb={6}
  • comment-list-with-tabs.tsx: Paper p/mb smxs; reply Divider my 4→2
  • comment.module.css: comment body ProseMirror font-size 16→14px (sm), line-height 1.4, margin-top 10→4; .textSelection padding 8→6, margin-top 4→2

Out of scope

Shared aside.tsx framing, bottom comment input float geometry, avatar sizes (per the plan's fixed decisions).

Verification

  • pnpm --filter client build — clean (tsc+vite)
  • Browser (headless Chromium, Playwright): logged in, seeded a comment via REST, opened the Comments panel — comment body computes to 14px (was 16px), author name & selection quote 12px (xs), panel visibly denser, no feature-related console/page errors. Screenshot captured.
  • Note: project eslint flat-config can't resolve @tanstack/eslint-plugin-query in this env (pre-existing pnpm hoist quirk, unrelated to this change).

🤖 Generated with Claude Code

Implements `docs/backlog/comments-panel-density.md`. ## What Tightens the Comments side panel and shrinks body/author/selection font sizes so more comments fit per screen. Scoped strictly to `features/comment/` — the shared aside (TOC/Details tabs in `aside.tsx`) is intentionally untouched. - `comment-list-item.tsx`: author name + selection quote `sm`→`xs`; avatar `Group gap="xs"`; outer `Box pb={6}` - `comment-list-with-tabs.tsx`: `Paper p/mb` `sm`→`xs`; reply `Divider my` 4→2 - `comment.module.css`: comment body ProseMirror `font-size` 16→14px (`sm`), `line-height` 1.4, `margin-top` 10→4; `.textSelection` `padding` 8→6, `margin-top` 4→2 ## Out of scope Shared `aside.tsx` framing, bottom comment input float geometry, avatar sizes (per the plan's fixed decisions). ## Verification - `pnpm --filter client build` — clean (tsc+vite) - Browser (headless Chromium, Playwright): logged in, seeded a comment via REST, opened the Comments panel — comment **body computes to 14px** (was 16px), author name & selection quote 12px (`xs`), panel visibly denser, **no feature-related console/page errors**. Screenshot captured. - Note: project eslint flat-config can't resolve `@tanstack/eslint-plugin-query` in this env (pre-existing pnpm hoist quirk, unrelated to this change). 🤖 Generated with [Claude Code](https://claude.com/claude-code)
Ghost added 2 commits 2026-06-20 05:00:33 +03:00
Reduce vertical/horizontal air in the Comments side panel and shrink
body/author/selection font sizes for more comments per screen, scoped to
features/comment/ so the shared aside (TOC/Details tabs) is untouched.

- comment-list-item: author name + selection quote sm->xs, avatar gap xs,
  outer pb 6
- comment-list-with-tabs: Paper p/mb sm->xs, reply Divider my 4->2
- comment.module.css: body ProseMirror font-size sm (16->14px), line-height
  1.4, margin-top 10->4; .textSelection padding 8->6, margin-top 4->2

Implements docs/backlog/comments-panel-density.md.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Ghost force-pushed feat/comments-panel-density from 2ffdc150d5 to 680995247a 2026-06-20 14:03:01 +03:00 Compare
Ghost added 1 commit 2026-06-20 14:03:24 +03:00
Ghost merged commit f8bb4b37ce into develop 2026-06-20 17:10:31 +03:00
Sign in to join this conversation.
No Reviewers
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: vvzvlad/gitmost#5