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 <noreply@anthropic.com>
This commit is contained in:
parent
8ac43bd73f
commit
b091f65cea
1 changed files with 13 additions and 0 deletions
|
|
@ -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.
|
||||
|
|
|
|||
Loading…
Reference in a new issue