nextcloud / nextcloud/server

📱 On phone, display 2 files in one line (grid view)

Open
#56,897 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

[!TIP]

Help move this idea forward
  • Use the 👍 reaction to show support for this feature.
  • Avoid commenting unless you have relevant information to add; unnecessary comments create noise for subscribers.
  • Subscribe to receive notifications about status changes and new comments.

Is your feature request related to a problem? Please describe.
Displaying files in grid view on narrow screens (phones) look bad.

Describe the solution you'd like
Instead of 1, display 2 files on one 1 line:
Screenshot_20251206_155728_Chrome.jpg

Describe alternatives you've considered
Using the app - only for users with account, when public sharing, you have to use web.

Additional context
Maybe use clamp? Like width: clamp(100px, 48vw, 200px)?

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

Start with the Files grid view in the server’s web UI and inspect its responsive styling at phone widths; the issue provides no file or test path. Compare one-column and two-column layouts in normal and public-sharing views, using the screenshot as the visual target. Done means two files fit on each row without the narrow-screen presentation looking bad.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.