upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-15 22:11:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 27

fix(files): Reduce preview size in grid view mode

Browse source 
Signed-off-by: Louis Chemineau <louis@chmn.me>
This commit is contained in:
Louis Chemineau 2024-07-22 15:06:19 +02:00
parent 55f81eae13
commit ddad7b48eb
No known key found for this signature in database
4 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/files/src/components/FilesListVirtual.vue
View file

@ -688,7 +688,7 @@ export default defineComponent({
tbody.files-list__tbody.files-list__tbody--grid {
--half-clickable-area: calc(var(--clickable-area) / 2);
--item-padding: 16px;
--icon-preview-size: 208px;
--icon-preview-size: 166px;
--name-height: 32px;
--mtime-height: 16px;
--row-width: calc(var(--icon-preview-size));

8
apps/files/src/components/VirtualList.vue
View file

@ -131,13 +131,13 @@ export default Vue.extend({
itemHeight() {
// Align with css in FilesListVirtual
// 208px + 32px (name) + 16px (mtime) + 16px (padding) + 22px (grid gap)
return this.gridMode ? (208 + 32 + 16 + 16 + 22) : 55
// 166px + 32px (name) + 16px (mtime) + 16px (padding) + 22px (grid gap)
return this.gridMode ? (166 + 32 + 16 + 16 + 22) : 55
},
// Grid mode only
itemWidth() {
// 208px + 16px padding + 22px grid gap
return 208 + 16 + 22
// 166px + 16px padding + 22px grid gap
return 166 + 16 + 22
},
rowCount() {

4
dist/files-main.js vendored
View file

File diff suppressed because one or more lines are too long

2
dist/files-main.js.map vendored
View file

File diff suppressed because one or more lines are too long