Skip to content

fix(profile): truncate sidebar display name instead of overflowing - #214

Merged
holkexyz merged 1 commit into
stagingfrom
fix/profile-name-truncate
Jun 19, 2026
Merged

fix(profile): truncate sidebar display name instead of overflowing#214
holkexyz merged 1 commit into
stagingfrom
fix/profile-name-truncate

Conversation

@holkexyz

Copy link
Copy Markdown
Member

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: 0 so 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

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>
@vercel

vercel Bot commented Jun 19, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
certified-app Ready Ready Preview, Comment Jun 19, 2026 3:34pm

Request Review

@coderabbitai

coderabbitai Bot commented Jun 19, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: c27c926e-7cf2-4fe5-9876-c66a160a8f46

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/profile-name-truncate

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.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@holkexyz
holkexyz marked this pull request as ready for review June 19, 2026 15:47
@holkexyz
holkexyz merged commit 501a2d9 into staging Jun 19, 2026
4 checks passed
@holkexyz
holkexyz deleted the fix/profile-name-truncate branch June 19, 2026 15:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant