fix(files): correct item height

1. grid: typo? The icon size is 160 - 44 + (44 / 2) = 138px 2. non-grid: border is already included in height because the tr is a border-box (made this explicit to be safe) Signed-off-by: Varun Patil <varunpatil@ucla.edu>
nextcloud · Oct 20, 2023 · 836f86c · 836f86c
1 parent 4828ac3
commit 836f86c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue
@@ -366,6 +366,7 @@ export default Vue.extend({
 			width: 100%;
 			user-select: none;
 			border-bottom: 1px solid var(--color-border);
+			box-sizing: border-box;
 			user-select: none;
 			height: var(--row-height);
 		}

diff --git a/apps/files/src/components/VirtualList.vue b/apps/files/src/components/VirtualList.vue
@@ -104,7 +104,7 @@ export default Vue.extend({
 		itemHeight() {
 			// Align with css in FilesListVirtual
 			// 138px + 44px (name) + 15px (grid gap)
-			return this.gridMode ? (160 + 44 + 15) : 56
+			return this.gridMode ? (138 + 44 + 15) : 55
 		},
 		// Grid mode only
 		itemWidth() {