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

Make the grid view more usable by handling longer filenames better #45438

Closed
artonge opened this issue May 22, 2024 · 12 comments · Fixed by #46307
Closed

Make the grid view more usable by handling longer filenames better #45438

artonge opened this issue May 22, 2024 · 12 comments · Fixed by #46307
Assignees
Milestone

Comments

@artonge
Copy link
Contributor

artonge commented May 22, 2024

Improve the overall design of the grid view.
@nextcloud/designers for mockups

  • Main issue is that file names beyond ~10 characters can't be read.
  • If accessibility can be fixed/improved easily, do that too, but only as low priority.
@artonge artonge converted this from a draft issue May 22, 2024
@szaimen szaimen moved this to 📐 At design in 🖍 Design team May 22, 2024
@szaimen szaimen self-assigned this May 22, 2024
@artonge artonge moved this from 🧭 Planning evaluation (don't pick) to 📄 To do (~10 entries) in 📁 Files team May 22, 2024
@szaimen
Copy link
Contributor

szaimen commented May 22, 2024

Example from google drive:
image

@artonge
Copy link
Contributor Author

artonge commented May 29, 2024

@nextcloud/designers can we have some proper mockups for that?

@szaimen
Copy link
Contributor

szaimen commented May 30, 2024

Example Dropbox:

Grid view Big grid view
image image

@szaimen
Copy link
Contributor

szaimen commented May 30, 2024

Onedrive:
image

@szaimen
Copy link
Contributor

szaimen commented May 30, 2024

Penpot:
image

@marcoambrosini
Copy link
Member

I like google's approach the best

@szaimen
Copy link
Contributor

szaimen commented May 30, 2024

@szaimen
Copy link
Contributor

szaimen commented Jun 20, 2024

This is how the final mockup without previews looks:
image
and here with previews:
image

@jancborchardt jancborchardt moved this from 📐 At design to 🏗️ At engineering in 🖍 Design team Jun 20, 2024
@artonge artonge self-assigned this Jul 1, 2024
@artonge artonge moved this from 📄 To do (~10 entries) to 🏗️ In progress in 📁 Files team Jul 1, 2024
@github-project-automation github-project-automation bot moved this from 🏗️ In progress to ☑️ Done in 📁 Files team Jul 5, 2024
@github-project-automation github-project-automation bot moved this from 🏗️ At engineering to 🎉 Done in 🖍 Design team Jul 5, 2024
@AndyScherzinger AndyScherzinger added this to the Nextcloud 30 milestone Jul 8, 2024
@jmigual
Copy link

jmigual commented Oct 2, 2024

I'm not sure whether I should open a new issue or not for this but in Nextcloud 29 at least, when filenames are very long it is not possible to see the full name on mobile in any place AFAIK.

@artonge
Copy link
Contributor Author

artonge commented Oct 2, 2024

@jmigual can you provide screenshots?

@jmigual
Copy link

jmigual commented Oct 2, 2024

Sure! Here they are:

Screenshot_2024-10-02-13-30-45-15_40deb401b9ffe8e1df2f1cc5ba480b12.jpg

Screenshot_2024-10-02-13-30-39-46_40deb401b9ffe8e1df2f1cc5ba480b12.jpg

The biggest problem IMO is that it's never possible to see the full name of the file. Not even on the details panel.

@artonge
Copy link
Contributor Author

artonge commented Oct 2, 2024

@jmigual Ok, this is not related to this pull request. You can open a new issue if you like :).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Archived in project
Development

Successfully merging a pull request may close this issue.

5 participants