fix(profile): truncate sidebar display name instead of overflowing - #214
Conversation
A display name with no spaces (a handle used as the name) couldn't wrap and spilled into the main column. Constrain .profile-sidebar__name-block (min-width:0) and ellipsis-truncate .profile-sidebar__name. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
A display name with no spaces (e.g. a handle used as the display name, like
holkebrammer001.certified.one) can't wrap, so it overflowed the sidebar into the main column..profile-sidebar__name-block:min-width: 0so it can shrink within the sidebar..profile-sidebar__name:white-space: nowrap; overflow: hidden; text-overflow: ellipsis— cut it off with an ellipsis.(Short multi-word names still show in full; only an overflowing name is truncated.)
🤖 Generated with Claude Code