From fd2ddc510f82d09f50a0de809cbb9388fed808b7 Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <opensource@fthiessen.de>
Date: Wed, 23 Aug 2023 10:19:47 +0200
Subject: [PATCH] fix(FilePicker): The table height should be max. 100% not
 always as this leads to oversized table rows

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
---
 lib/components/FilePicker/FileList.vue              | 2 +-
 lib/components/FilePicker/FilePickerBreadcrumbs.vue | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/lib/components/FilePicker/FileList.vue b/lib/components/FilePicker/FileList.vue
index d5c32d4e..fce6c092 100644
--- a/lib/components/FilePicker/FileList.vue
+++ b/lib/components/FilePicker/FileList.vue
@@ -178,7 +178,7 @@ function onChangeDirectory(dir: Node) {
 
 		table {
 			width: 100%;
-			height: 100%;
+			max-height: 100%;
 			table-layout: fixed;
 		}
 		th {
diff --git a/lib/components/FilePicker/FilePickerBreadcrumbs.vue b/lib/components/FilePicker/FilePickerBreadcrumbs.vue
index fbb0f9f4..badb6223 100644
--- a/lib/components/FilePicker/FilePickerBreadcrumbs.vue
+++ b/lib/components/FilePicker/FilePickerBreadcrumbs.vue
@@ -120,3 +120,12 @@ const pathElements = computed(() => props.path.split('/')
 	})),
 )
 </script>
+
+<style scoped lang="scss">
+file-picker {
+	&__breadcrumbs {
+		// ensure the breadcrumbs have a static height
+		flex-grow: 0;
+	}
+}
+</style>