Rocket.Chat icon indicating copy to clipboard operation
Rocket.Chat copied to clipboard

Long Button Text Overflows and Causes Misalignment in User Info

Open thepiyush-303 opened this issue 1 year ago • 2 comments

In Admin Mode, the action buttons (e.g., "Direct Message," "Set as Owner," "Set as Leader") display layout issues when the text inside the buttons is longer (2-3 words). The text overflows and gets cut off, making it partially hidden behind the button borders.

Description:

Steps to reproduce:

  1. Open a channel
  2. click to any member username
  3. See full profile

Expected behavior:

Actual behavior:

Server Setup Information:

  • Version of Rocket.Chat Server: 7.1.0-develop
  • License Type:
  • Number of Users: 4
  • Operating System: ubuntu
  • Deployment Method: development
  • Number of Running Instances:
  • DB Replicaset Oplog:
  • NodeJS Version: 20.18.0
  • MongoDB Version:

Client Setup Information

  • Desktop App or Browser Version: firefox
  • Operating System: ubuntu-24

Additional context

Relevant logs:

Screencast from 2024-11-25 00-01-49

thepiyush-303 avatar Nov 24 '24 18:11 thepiyush-303

Can I work on this?

sanketnabade avatar Nov 25 '24 15:11 sanketnabade

This has been referred to the team.

But please note - 3 PRs?

2 of you at least have wasted your time.

If there is a PR open please follow the bug but do not waste your time adding yet another PR - find another issue.

If there is already a PR on an issue then don't waste your time doing another one. Either wait and see if it is accepted or find another issue you can work on.

https://gist.github.com/reetp/b0ba4e3d0ea2ff48ca9da00a5a647d42

reetp avatar Dec 10 '24 11:12 reetp