From 6fda31ad35e649927c41e9b248128e3e93224137 Mon Sep 17 00:00:00 2001
From: Candid Dauth <cdauth@cdauth.eu>
Date: Mon, 4 Mar 2024 14:11:32 +0100
Subject: [PATCH] Set max height for popovers

---
 frontend/src/lib/components/ui/popover.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/ui/popover.vue b/frontend/src/lib/components/ui/popover.vue
index 7799e3d8..4e1d6c13 100644
--- a/frontend/src/lib/components/ui/popover.vue
+++ b/frontend/src/lib/components/ui/popover.vue
@@ -4,6 +4,7 @@
 	import Tooltip from "bootstrap/js/dist/tooltip";
 	import { useResizeObserver } from "../../utils/vue";
 	import { useDomEventListener } from "../../utils/utils";
+	import { maxSizeModifiers } from "../../utils/bootstrap";
 
 	/**
 	 * Like Bootstrap Popover, but uses an existing popover element rather than creating a new one. This way, the popover
@@ -67,6 +68,10 @@
 				trigger: 'manual',
 				popperConfig: (defaultConfig) => ({
 					...defaultConfig,
+					modifiers: [
+						...(defaultConfig.modifiers ?? []),
+						...maxSizeModifiers
+					],
 					strategy: "fixed"
 				})
 			});
@@ -141,4 +146,15 @@
 			<slot></slot>
 		</div>
 	</div>
-</template>
\ No newline at end of file
+</template>
+
+<style lang="scss">
+	.fm-popover {
+		display: flex;
+		flex-direction: column;
+
+		> .popover-body {
+			overflow: auto;
+		}
+	}
+</style>
\ No newline at end of file