Long names are displayed inconsistently in thread summary

[frakic]

Steps to reproduce

1. Where are you starting? What can you see?
   -I change my display name to something long
2. What do you click?
   -I reply to a thread
3. More steps…
   -I reply to another thread with longer text

Outcome

What did you expect?

I expected my name to be displayed consistently across all thread summaries.

What happened instead?

My display name is sometimes wrapped within the summary and sometimes only a part of my name is displayed.

Operating system

Windows 10 Home 21H1

Browser information

Firefox 98.0.1 (64-bit)

URL for webapp

https://develop.element.io

Application version

Element version: 071a541-react-cdcf6d0fd182-js-779afbcb3992 Olm version: 3.2.8

Homeserver

matrix.org

Will you send logs?

No

[HarHarLinks]

if you decide to use multiple ("up to 2") lines at all, then there should be less spacing between lines and instead more to the outside

[janogarcia]

@gsouquet @t3chguy Please refer to these notes for suggested behavior and implementation:

#21502 (comment)

[janogarcia]

@t3chguy After further testing, turns out the alternate approach I shared works best for variable length content.

.mx_ThreadInfo_sender {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

// Add this extra declaration

.mx_ThreadInfo_content {
    flex: 1;
}