Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Text is overlapping on the user management page #9532

Closed
modamaan opened this issue Dec 23, 2024 · 6 comments
Closed

Text is overlapping on the user management page #9532

modamaan opened this issue Dec 23, 2024 · 6 comments
Assignees
@piyushyadav0191
Labels
needs-triage question Further information is requested

Comments

@modamaan
Copy link
Contributor

Describe the bug
Text overflows in the user management card details, and text overlaps on mobile screens

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'Users on sidebar'
  2. switch to mobile size
  3. See error

Expected behavior
The text within the user management card should fit properly inside the container without overflowing and overlapping. On mobile screens, the text should wrap appropriately to maintain a responsive and visually consistent layout.

Screenshots

problem 1
Image

problem 2
Image

problem 3
Image

Desktop (please complete the following information):

  • OS: [windows]
  • Browser [chrome]
  • Version [131.0.6778.205]
@modamaan
Copy link
Contributor Author

@Jacobjeevan i would like to take it up

@Jacobjeevan
Copy link
Contributor

@Jacobjeevan i would like to take it up

Use tooltip (shadcn) for long names.

@Jacobjeevan Jacobjeevan added this to Care Dec 23, 2024
@github-project-automation github-project-automation bot moved this to Triage in Care Dec 23, 2024
@Jacobjeevan Jacobjeevan moved this from Triage to Up Next in Care Dec 23, 2024
@Sulochan-khadka
Copy link
Contributor

@modamaan for Problem 3 that you stated, it has another issue of alignment. the name column should be set such that , other attributes do not go into horizontal scroll. Instead , for long names, make elipsis and tooltip as @Jacobjeevan stated.

@piyushyadav0191 piyushyadav0191 mentioned this issue Dec 23, 2024
Closed
5 tasks
@piyushyadav0191
Copy link

@Jacobjeevan The issue was opened 10 hours ago, so I created a PR for the fix you mentioned. Could you please review it?
#9541

@github-actions github-actions bot added needs-triage question Further information is requested labels Dec 23, 2024
@rithviknishad
Copy link
Member

@piyushyadav0191 I'd recommend getting the issue assigned before working on issues next time.

@rithviknishad
Copy link
Member

This page is gone

@rithviknishad rithviknishad closed this as not planned Won't fix, can't repro, duplicate, stale Dec 31, 2024
@github-project-automation github-project-automation bot moved this from Up Next to Done in Care Dec 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@piyushyadav0191 piyushyadav0191

Labels
needs-triage question Further information is requested
Projects
Care
Status: Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

FIXED: Text overflows in the user management card details #9532 piyushyadav0191/care_fe
5 participants
@rithviknishad @Jacobjeevan @piyushyadav0191 @modamaan @Sulochan-khadka