From 1742bf5316f09a519ccd73326710a670138005d7 Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <opensource@fthiessen.de>
Date: Fri, 23 Aug 2024 19:52:42 +0200
Subject: [PATCH] fix(files): Remove huge margin on bottom

Instead make it relative to screen size.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
---
 apps/files/src/components/FilesListTableFooter.vue | 7 +++++--
 apps/files/src/components/FilesListVirtual.vue     | 5 -----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/apps/files/src/components/FilesListTableFooter.vue b/apps/files/src/components/FilesListTableFooter.vue
index 9580de2991990..f833ce681332b 100644
--- a/apps/files/src/components/FilesListTableFooter.vue
+++ b/apps/files/src/components/FilesListTableFooter.vue
@@ -64,6 +64,7 @@ import Vue from 'vue'
 
 import { useFilesStore } from '../store/files.ts'
 import { usePathsStore } from '../store/paths.ts'
+import { useRouteParameters } from '../composables/useRouteParameters.ts'
 
 export default Vue.extend({
 	name: 'FilesListTableFooter',
@@ -97,9 +98,11 @@ export default Vue.extend({
 	setup() {
 		const pathsStore = usePathsStore()
 		const filesStore = useFilesStore()
+		const { directory } = useRouteParameters()
 		return {
 			filesStore,
 			pathsStore,
+			directory,
 		}
 	},
 
@@ -118,7 +121,7 @@ export default Vue.extend({
 				return
 			}
 
-			if (this.dir === '/') {
+			if (this.directory === '/') {
 				return this.filesStore.getRoot(this.currentView.id)
 			}
 			const fileId = this.pathsStore.getPath(this.currentView.id, this.dir)
@@ -160,7 +163,7 @@ export default Vue.extend({
 <style scoped lang="scss">
 // Scoped row
 tr {
-	margin-bottom: 300px;
+	margin-bottom: max(25vh, var(--body-container-margin));
 	border-top: 1px solid var(--color-border);
 	// Prevent hover effect on the whole row
 	background-color: transparent !important;
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue
index 65c88df21847b..7ad703cd8f42e 100644
--- a/apps/files/src/components/FilesListVirtual.vue
+++ b/apps/files/src/components/FilesListVirtual.vue
@@ -414,11 +414,6 @@ export default defineComponent({
 			top: 0;
 		}
 
-		// Table footer
-		.files-list__tfoot {
-			min-height: 300px;
-		}
-
 		tr {
 			position: relative;
 			display: flex;