Skip to content
This repository has been 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
wants to merge 8 commits into from
Closed

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

wants to merge 8 commits into from

Conversation

luixxiul
Copy link
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
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
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.

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
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
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
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