feat: cutomize file picker icon size - #2580
Open
kristian-zendato wants to merge 1 commit into
Open
Conversation
Codecov Report❌ Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## main #2580 +/- ##
==========================================
+ Coverage 59.86% 60.38% +0.51%
==========================================
Files 15 15
Lines 461 472 +11
Branches 96 99 +3
==========================================
+ Hits 276 285 +9
- Misses 164 166 +2
Partials 21 21 ☔ View full report in Codecov by Harness. 🚀 New features to boost your workflow:
|
susnux
reviewed
Aug 25, 2026
Comment on lines
+95
to
+107
| #### Customizing thumbnail size | ||
|
|
||
| The file list thumbnail size defaults to `32px`. It is controlled by the CSS custom property | ||
| `--file-picker-preview-size` (layout and preview request resolution stay in sync). | ||
|
|
||
| To change it instance-wide (e.g. via theming / custom CSS), without exposing a public FilePicker API: | ||
|
|
||
| ```css | ||
| :root { | ||
| --file-picker-preview-size: 64px; | ||
| } | ||
| ``` | ||
|
|
Contributor
There was a problem hiding this comment.
This is nothing we want to be used, I would not document this here.
For consistency every app in Nextcloud should use the default.
susnux
reviewed
Aug 25, 2026
| // workaround for vue2.7 bug, can be removed with vue3 | ||
| const fileListIconStyles = ref(fileListIconStylesModule) | ||
|
|
||
| const previewSize = getFilePickerPreviewSize() |
Contributor
There was a problem hiding this comment.
I do not think this is needed, all of this can be done with pure CSS without the need to get the value from CSS -> JS -> CSS.
kristian-zendato
force-pushed
the
feat/file-picker-custom-icon-size
branch
from
August 26, 2026 09:11
a0443ec to
e3b37d1
Compare
Signed-off-by: kristian-zendato <kristian.zendato@nextcloud.com>
kristian-zendato
force-pushed
the
feat/file-picker-custom-icon-size
branch
from
August 26, 2026 09:12
e3b37d1 to
7f75f7c
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fixes: https://github.com/nextcloud-gmbh/customer-feature-requests/issues/1876
Summary
Make the FilePicker list thumbnails configurable via the CSS custom property
--file-picker-preview-size(default:32px), so instances can change size through theming without a public API.🤖 AI (if applicable)