Thread summary is visually cut off when using maximized widget

[HarHarLinks]

Steps to reproduce

thread with maximized widget

Outcome

Operating system

arch

Application version

Element Nightly version: 2022020601 Olm version: 3.2.8

How did you install the app?

aur

Homeserver

No response

Will you send logs?

No

[germain-gg]

@janogarcia iirc correctly we enforce a min-width for the thread summary.
What should happen in this scenario? We can go below the minimum recommended width and add an ellipsis? Does that sound like a fair thing to do here?

[janogarcia]

@gsouquet Absolutely. We do enforce a minimum width when the summary content is short and there's plenty of available space in the container. But we could as well truncate it if there's not enough room.

That being said:

• The specs for the thread summary that I shared were only accounting for the main timeline as its rendering context. Maximized widgets were introduced afterwards. So, I think I'll update the thread summary spec to account for that scenario, where the timeline container can get quite narrow .
• @HarHarLinks's screenshot is showing an additional bug, where the right edge is cut off (notice the sharp right corners).

[HarHarLinks]

I can confirm this happens everytime the timeline is narrow enough, maximized widgets are just the most common use case since nobody is going to use element like this:

[janogarcia]

Thanks for the additional screenshot @HarHarLinks.

It also clearly shows how horribly broken the timeline is when narrowing the viewport without any constraints. We need to both improve the responsiveness of the message tile and set a sensible constraint for the minimum width of the timeline (anything below wouldn't be usable), but that's out of scope for this issue.

@gsouquet I've updated the spec for the thread summary to make its responsive behavior more robust.

Behavior for narrow timeline containers

When the timeline container gets too narrow (e.g. below 400px) the thread summary goes full width no matter its content and the user display name gets hidden.

→ https://www.figma.com/file/T309ztx0sNyOOK6NKVLHsK/Threads?node-id=1939%3A254160

[jryans]

Seems straightforward enough, I've offered to pick this up from @gsouquet.

[janogarcia]

Heads up that I've updated the design to remove the label for the reply count when the timeline is rendered in a narrow container (below 400px).