fix(chat): tighten assistant message typography (0.0.7)#170
Merged
Conversation
Two small visual refinements to the assistant message body, found during a careful visual comparison against established chat UI conventions: 1. Add `padding: 0 12px 0 4px` to .chat-message__assistant-body — the previous zero horizontal padding let text touch container edges (especially noticeable in narrow containers like popup + sidebar). 12px right gives breathing room before the right edge; 4px left keeps a slight inset so the text doesn't crash into any left-side adornment. 2. Tighten the assistant body line-height from 1.6 to 1.55. The 1.6 felt slightly airy; 1.55 reads more compactly while still well above WCAG minimum. Markdown paragraphs keep their own line-height (1.75) per chat-markdown.styles, so this only affects plain assistant text. Pure CSS, no API change. Bumps @ngaf/chat to 0.0.7. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Two micro-polish tweaks to the assistant message body, picked up during a careful visual review.
Changes
Add horizontal padding to
.chat-message__assistant-body: previously zero, so plain assistant text touched container edges in narrow containers (popup window, sidebar panel). Adds `padding: 0 12px 0 4px` — 12px right for breathing room, 4px left as a slight inset.Tighten assistant line-height from 1.6 → 1.55: 1.6 felt a touch airy. 1.55 reads more compactly while still comfortably above WCAG's 1.5 minimum. Markdown paragraphs keep their own line-height (1.75) via `chat-markdown.styles`, so this only affects plain (non-markdown) assistant text.
Net change: +1 line, 1 modified line.
Verification
Test plan
🤖 Generated with Claude Code