Skip to content
This repository was archived by the owner on Sep 11, 2024. It is now read-only.

Fix long display name overflowing reply tile on IRC layout#10273

Closed
luixxiul wants to merge 8 commits into
matrix-org:developfrom
luixxiul:IRClayout-replytile
Closed

Fix long display name overflowing reply tile on IRC layout#10273
luixxiul wants to merge 8 commits into
matrix-org:developfrom
luixxiul:IRClayout-replytile

Conversation

@luixxiul
Copy link
Copy Markdown
Contributor

@luixxiul luixxiul commented Mar 2, 2023

This PR fixes the issue that a long display name overflows ReplyTile on IRC layout.

It also adds a stress test to check that long strings do not overflow and are displayed with ellipsis where needed on each layout.

Fixes element-hq/element-web#24738

Before After
Screenshot from 2023-03-05 04-26-39 Screenshot from 2023-03-05 04-26-50

type: defect

Signed-off-by: Suguru Hirahara luixxiul@users.noreply.github.com

Checklist

  • Tests written for new code (and old code if feasible)
  • Linter and other CI checks pass
  • Sign-off given on the changes (see CONTRIBUTING.md)

Here's what your changelog entry will look like:

🐛 Bug Fixes

@github-actions github-actions Bot added Z-Community-PR Issue is solved by a community member's PR T-Defect Bugs, crashes, hangs, vulnerabilities, or other reported problems labels Mar 2, 2023
@weeman1337
Copy link
Copy Markdown
Contributor

Hello @luixxiul thank you for your contribution. Does this relate to any issue? If yes, can you link it?

Can you always add screenshots from before and after for visual changes?

@luixxiul
Copy link
Copy Markdown
Contributor Author

luixxiul commented Mar 2, 2023

Thanks for the heads-up. I'm going to do them later, before making this PR ready for review.

luixxiul added 3 commits March 5, 2023 04:10
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
@luixxiul luixxiul changed the title Fix long display name overflowing from ReplyTile on IRC layout Fix long display name overflowing reply tile on IRC layout Mar 4, 2023
luixxiul added 2 commits March 5, 2023 04:50
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
…tedProfile

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
width: unset;
background: transparent;
order: unset;
flex-shrink: unset; /* Unset flex-shrink to prevent long display name blowout */
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This resets flex-shrink: 0; specified above.

@luixxiul luixxiul closed this Mar 9, 2023
@luixxiul luixxiul deleted the IRClayout-replytile branch March 9, 2023 15:14
@luixxiul
Copy link
Copy Markdown
Contributor Author

luixxiul commented Mar 9, 2023

Removed the branch by mistake. Recreating a PR.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

T-Defect Bugs, crashes, hangs, vulnerabilities, or other reported problems Z-Community-PR Issue is solved by a community member's PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Long display name overflows reply tiles on IRC layout

2 participants