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.

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

Lengthy asset name is not properly handled in asset list page #7787

Closed
2 tasks
nihal467 opened this issue May 10, 2024 · 4 comments · Fixed by #8972
Closed
2 tasks

Lengthy asset name is not properly handled in asset list page #7787

nihal467 opened this issue May 10, 2024 · 4 comments · Fixed by #8972
Assignees

Comments

@nihal467
Copy link
Member

Describe the bug

When we have bigger asset names, they are hidden few characters, even if we have enough white space

To Reproduce
Steps to reproduce the behavior:

  1. Go to asset tab
  2. create asset with wider lengthy names
  3. See error

Expected behavior

  • if space is available, based on the screen size, show the full asset names
  • in the cases, due to limited space, if we are hiding part of the asset name with "...", add a tooltip to the asset name, if user hover over it, they can view the full name of the asset in the tooltip

Screenshots

image

@609harsh
Copy link
Contributor

hey @nihal467 please assign this issue to me

@SwanandBhuskute
Copy link
Contributor

SwanandBhuskute commented Oct 29, 2024

I would like to work on this, can you assign me to it?

@SwanandBhuskute
Copy link
Contributor

I have solved this locally, if you allow, I can raise PR
Image
Image
this will like this when hovered

@Jacobjeevan Jacobjeevan added this to Care Oct 29, 2024
@github-project-automation github-project-automation bot moved this to Triage in Care Oct 29, 2024
@Jacobjeevan Jacobjeevan moved this from Triage to Up Next in Care Oct 29, 2024
@SwanandBhuskute
Copy link
Contributor

SwanandBhuskute commented Oct 29, 2024

I read the earlier PR and found what you want to achieve and I think I am able to do it using js logic with css
for now, by counting it seems if the name is > 18 , then it "truncates" (this 18 seems true for mobile screens also)
but i know this should not be hardcoded to 18 and rather be some dynamic check
any suggestions?

Image
means only longs names will be hovered and shown and normal ones won't

@rithviknishad rithviknishad moved this from Up Next to Review required in Care Nov 5, 2024
@github-project-automation github-project-automation bot moved this from Review required to Done in Care Nov 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
3 participants