Page MenuHomePhabricator

[web] Fix long names in displaying incorrectly in the ChatMessageListContainers header
ClosedPublic

Authored by inka on Feb 23 2023, 6:18 AM.
Tags
None
Referenced Files
Unknown Object (File)
Fri, Apr 12, 3:02 AM
Unknown Object (File)
Fri, Apr 12, 3:02 AM
Unknown Object (File)
Fri, Apr 12, 3:02 AM
Unknown Object (File)
Fri, Apr 12, 2:58 AM
Unknown Object (File)
Feb 23 2024, 9:34 AM
Unknown Object (File)
Feb 23 2024, 6:59 AM
Unknown Object (File)
Feb 23 2024, 6:58 AM
Unknown Object (File)
Feb 23 2024, 1:46 AM
Subscribers

Details

Summary

issue: https://linear.app/comm/issue/ENG-3070/fix-long-names-displaying-incorrectly-in-the-chatmessagelistcontainers
Long names used to display incorrectly: the white space would wrap around, and long names with no spaces would go off the screen. this diff fixes that. note that since D6745 in this header we only show the chats name

image.png (150×1 px, 20 KB)

image.png (204×1 px, 22 KB)

Test Plan

Run web app, checked thatt long names display correctly in the ChatMessageListContainers header (and so do short names)

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

inka edited the test plan for this revision. (Show Details)
inka requested review of this revision.Feb 23 2023, 6:33 AM
bartek added inline comments.
web/chat/thread-top-bar.css
23 ↗(On Diff #22997)

Just curious - why is flex needed here?

This revision is now accepted and ready to land.Feb 24 2023, 5:54 AM
web/chat/thread-top-bar.css
23 ↗(On Diff #22997)

Otherwise the square gets squished:

image.png (124×1 px, 24 KB)