From b091f65cea36fbfc29ded405199bcd8d33dc0ca2 Mon Sep 17 00:00:00 2001 From: Void Date: Mon, 9 Nov 2026 10:08:18 +0000 Subject: [PATCH] Name inside the pose pill wraps instead of ellipsising Username carries its own nowrap + ellipsis, which still clipped long names ("Heimdall o...") inside the widened pill. On phones the name now wraps. Co-Authored-By: Claude Sonnet 5.5 --- src/app/components/message/layout/layout.css.ts | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/app/components/message/layout/layout.css.ts b/src/app/components/message/layout/layout.css.ts index f5890c1e..e87627bd 100644 --- a/src/app/components/message/layout/layout.css.ts +++ b/src/app/components/message/layout/layout.css.ts @@ -397,6 +397,19 @@ globalStyle(`${BubbleContentPose} > div`, { }, }); +// The name inside the pill wraps instead of ellipsising: the pill already caps its own width, and +// Username's own nowrap + ellipsis clipped long names to "Heimdall o…" inside it. +globalStyle(`${BubbleHeaderPose} ${Username}`, { + '@media': { + [PHONE]: { + whiteSpace: 'normal', + overflow: 'visible', + textOverflow: 'clip', + overflowWrap: 'anywhere', + }, + }, +}); + // An outside list marker hangs left of its item's text and ignores the portrait's silhouette, so // beside a left portrait the number lands under the art. Inside, it is a word on the first line // and wraps around the silhouette like the rest.