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

fix(line-wrap): Fixed tooltips of file names #1709

Merged
merged 1 commit into from
Jan 11, 2021

Conversation

melegiul
Copy link
Contributor

Summary

This PR fixes the problem of displaying long file names when hovering the file.

  • Set break-word property to tooltip.
  • Changed overflow of rows to visible.
  • Set tooltip width to not exceed the menus width.

Fixes: #1464

Screenshot

longFileName

- Set break-word property to tooltip.
- Changed overflow of rows to visible.
- Set tooltip width to not exceed the menus width.

Fixes: ipfs#1464
@melegiul melegiul marked this pull request as ready for review January 11, 2021 15:28
@jessicaschilling
Copy link
Contributor

Hi @melegiul -- thank you so much for fixing something that's been one of my own pet peeves! ;)

Confirmed to work as intended on Mac (Big Sur) in latest Chrome, Brave, Safari, Firefox:

Long file name (Chrome):
image

CID on narrow screen (Chrome):
image

Note that Safari has always displayed these differently:
image

Also note that this does not address the issue with hover text clipping on the last item in a files list due to the react-virtualized grid acting as a boundary, but that's not within the scope of this issue.
image

I'm marking this PR as LGTM, but asking @lidel to have a quick look before we merge. Thanks again!

Copy link
Contributor

@jessicaschilling jessicaschilling left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM - just waiting on @lidel OK before merging. Thanks!

Copy link
Member

@lidel lidel left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, thank you @melegiul ❤️

@lidel lidel merged commit 20d7ff4 into ipfs:master Jan 11, 2021
@melegiul melegiul deleted the bugfix/line-wrap-hover branch April 18, 2021 08:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Line-wrap hover text on extremely long file/folder names
3 participants