RocketChat / RocketChat/Rocket.Chat
fix: Misaligned buttons under avatar in "User Info"
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 46.1k
- Forks
- 13.9k
- Avg merge
- 3d 3h
- Merged PRs (30d)
- 130
Description
Description
when you install any app from marketplace and try to check "User Info", you can able to see a chaos in buttons under "avatar".
Steps to Reproduce
- Click on the three dots in the left pane.
- Select "Marketplace".
- Choose an app and install it then move back to /home page.
4.press ctrl+k (to search for the name ), type name of the installed app and click on it. - Now click on the "User Info" in top right corner.
- analyze the chaos in buttons.
Actual Behavior:
https://github.com/user-attachments/assets/999e4dd4-159c-4dc0-bf05-2241079cc933
Server/Client Information:
Server:
- Operating System: Windows 11 (using WSL Terminal)
- Rocket.Chat Server Version: 7.4.0-develop
- Node.js Version: 22.11.0
- Yarn Version: 4.6.0
Client:
- Client Type: Browser (Microsoft Edge)
- Access URL: http://localhost:3000
Additional Information:
- WSL Terminal: Used for installing dependencies.
Are you working on this?
✅ Yes, I am working on this.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No file or test is named. Reproduce the issue by installing an app from Marketplace, opening it through Ctrl+K, and viewing User Info; then trace the frontend component that renders the avatar buttons. Done means the buttons are aligned consistently in the User Info view.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100