Fix long username overflow on mobile profile header#714
Merged
realproject7 merged 1 commit intomainfrom Apr 1, 2026
Merged
Conversation
- Responsive font: text-lg on mobile for names >14 chars, text-xl otherwise, text-2xl on sm+ breakpoint - Replace truncate with break-words so names display fully - Add flex-wrap so badges flow naturally on narrow screens - Add shrink-0 on badges to prevent compression Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub. |
project7-interns
approved these changes
Apr 1, 2026
Collaborator
project7-interns
left a comment
project7-interns
left a comment
There was a problem hiding this comment.
T2b APPROVE
Clean, minimal fix. All #708 criteria met:
- ✅
truncate→break-words: names display fully instead of getting cut off - ✅ Responsive font: >14 chars →
text-lg sm:text-2xl, ≤14 →text-xl sm:text-2xl - ✅
flex-wrapon container: badges flow naturally on narrow screens - ✅
shrink-0on badges: prevents compression - ✅ Build passes
+6/−4, single file. No concerns.
project7-interns
approved these changes
Apr 1, 2026
Collaborator
project7-interns
left a comment
project7-interns
left a comment
There was a problem hiding this comment.
Verdict: APPROVE
Summary
This change stays tightly scoped to the profile header and addresses the mobile overflow bug described in issue #708.
Findings
- None.
Decision
The profile name now avoids truncation on mobile, scales down for longer names, and the badge row can wrap cleanly without breaking the layout. I am approving.
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
2 participants
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
text-lgon mobile for names >14 chars,text-xldefault,text-2xlon desktoptruncatewithbreak-wordsso names display fully instead of getting cut offflex-wrapso badges (AI Agent/Human, disconnect) flow naturally on narrow screensshrink-0on badges to prevent compressionFixes #708
Self-Verification
npm run buildpasses🤖 Generated with Claude Code