diff options
| author | Varun Patil <varunpatil@ucla.edu> | 2023-10-20 09:33:28 -0700 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2023-10-21 22:42:06 +0000 |
| commit | 4d578f37e6b7e9f296236d3937fd4caf962d31d8 (patch) | |
| tree | 8a4f1586808d2362b0e23b6b6862b1b01b7d8931 /apps/files/src | |
| parent | d2e7708b48ed59388c01ab235e8323ed8601b095 (diff) | |
| download | nextcloud-server-4d578f37e6b7e9f296236d3937fd4caf962d31d8.tar.gz nextcloud-server-4d578f37e6b7e9f296236d3937fd4caf962d31d8.zip | |
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>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'apps/files/src')
| -rw-r--r-- | apps/files/src/components/FilesListVirtual.vue | 1 | ||||
| -rw-r--r-- | apps/files/src/components/VirtualList.vue | 2 |
2 files changed, 2 insertions, 1 deletions
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue index ba453b5be11..5ff8b0360c2 100644 --- 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 index 53ff552235c..a579cfcc8f3 100644 --- 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() { |