nextcloud / nextcloud/server

Different favicons depending on if folder or files are open

Open
#52,173 0 comments 1 reaction 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.

Is your feature request related to a problem? Please describe.
Originally proposed by our colleague Katrin:

When I have a window open or bookmark a folder or file, I can't see what it is, cause they have the same icon.
It makes it hard to smoothly toggle between windows and tasks, as I am often have to recall whether I opened the folder or file.
Not sure if I am the only one struggling with this but an icon to indicate "file" would be very helpful. 🙏

Describe the solution you'd like
It would be nice indeed since I can confirm I had the same issue recently as well.
This could possibly be solved by using the mimetype icon for the relevant file as favicon if any file is open in direct links, shares or when they are open in Files. Since there is a blue background on the favicon, we should use the monochrome white version of whichever mimetype icon we use.

Describe alternatives you've considered
Just using a generic "File" favicon if there is any kind of file shown might already be good, but it's too simple and doesn't work for video files, images, etc.

For images and PDFs we could even consider using the first page preview as favicon, although that might me too much and not quickly identifiable as "Nextcloud" anymore.

@marcoambrosini @sorbaugh

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 or test is named. Start by locating the Files app's existing favicon handling and mimetype icon assets, then trace how direct links, shares, folders, and files select the favicon. Done means the relevant open views visibly distinguish folders from files while retaining the existing Nextcloud styling.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.