From c307426f4e18253e638388bc0c60b681c3406e5c Mon Sep 17 00:00:00 2001
From: h <h@kotikot.com>
Date: Mon, 19 Oct 2026 06:12:48 +0000
Subject: [PATCH] fix(frontend): context menus stay inside a narrow screen

---
 frontend/src/lib/components/ui/ContextMenu.svelte | 2 +-
 frontend/src/lib/styles/global.scss               | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/ui/ContextMenu.svelte b/frontend/src/lib/components/ui/ContextMenu.svelte
index 4ad1a7a..324eb63 100644
--- a/frontend/src/lib/components/ui/ContextMenu.svelte
+++ b/frontend/src/lib/components/ui/ContextMenu.svelte
@@ -63,7 +63,7 @@
     {/snippet}
   </ContextMenu.Trigger>
   <ContextMenu.Portal>
-    <ContextMenu.Content class="bg-menu-content">
+    <ContextMenu.Content class="bg-menu-content" collisionPadding={8}>
       {@render menu()}
     </ContextMenu.Content>
   </ContextMenu.Portal>
diff --git a/frontend/src/lib/styles/global.scss b/frontend/src/lib/styles/global.scss
index 4ed931e..11009a9 100644
--- a/frontend/src/lib/styles/global.scss
+++ b/frontend/src/lib/styles/global.scss
@@ -164,6 +164,7 @@ html.theme-transition * {
 .bg-menu-content {
   z-index: var(--z-portal-menu);
   min-width: 12rem;
+  max-width: calc(100vw - 1rem);
   padding: 0.375rem;
   border-radius: 0.75rem;
   color: var(--color-text);