nextcloud / nextcloud/server

More space in Files grid view

Open
#53,707 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

0. Needs triage design enhancement feature: files
Dominant language
PHP
Stars
36.9k
Forks
5.2k
Avg merge
2d 3h
Merged PRs (30d)
713

Description

How to use GitHub
  • Please use the 👍 reaction to show that you are interested into the same feature.
  • Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
  • Subscribe to receive notifications on status change and new comments.
Feature description

As it stands, depending on screen aspect ratio, about as much items can be displayed using the grid view as the list view. This negates one of the potential benefits of the view, which is that more items can be visible on the screen at once. Even in the current, fairly large state, items also do not handle ellipsization of names well.

I'm proposing:

  1. Decreasing the size of thumbnails by ~20%.
  2. Decreasing padding inside items by ~50%.
  3. Making file names wrap for 2-3 lines to allow for longer names if possible.
  4. Making names ellipsize at the middle instead of the end. This would help make the common case of names that only differ at the end (eg. "Photo 1", "Photo 2") be distinct even when they ellipsize.

Any of these would be nice on their own as well :)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No file, test, or entry point is named. Start by locating the Files grid-view implementation and comparing its thumbnail, item padding, and filename rendering with list view. Done means the grid shows more items, supports longer names, and distinguishes names that differ near the end without harming readability.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.