From 43d6508369c7022b3d54df73a80a20fa33f69bbd Mon Sep 17 00:00:00 2001
From: Daniel Michelberger <daniel@5t.media>
Date: Mon, 7 Sep 2026 22:28:41 +0200
Subject: [PATCH] fix: Team-Panel unter seinen Menuepunkt, ohne toten Spalt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Zwei Fehler, einer je Anlauf.

Der Inhalt gehoert ohne Viewport gerendert: Dann haengt er am
NavigationMenu.Item, das ohnehin `relative` ist, und steht damit unter
"Team". Mit Viewport ist er eine eigene Flaeche unter der ganzen Leiste
und beginnt an deren linkem Rand — unter "Dashboard".

Und der Standardabstand mt-1.5 war ein toter Streifen zwischen
Menuepunkt und Panel. Wer den Zeiger hinunterbewegte, verliess beides
zugleich; nach delayDuration klappte das Menue zu, bevor ein Eintrag zu
treffen war. Ein Hover-Menue darf keine Luecke haben.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01P32KoesVtABd6xWsqMKzhr
---
 frontend/src/lib/components/TeamMenu.svelte  |  8 +++++++-
 frontend/src/routes/dashboard/+layout.svelte | 16 +++++++---------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/frontend/src/lib/components/TeamMenu.svelte b/frontend/src/lib/components/TeamMenu.svelte
index 6bb86a4..0aa6b4f 100644
--- a/frontend/src/lib/components/TeamMenu.svelte
+++ b/frontend/src/lib/components/TeamMenu.svelte
@@ -63,7 +63,13 @@
         {/snippet}
     </NavigationMenu.Trigger>
 
-    <NavigationMenu.Content class="min-w-56">
+    <!--
+        mt-0 statt der 1.5 aus dem Standard: Der Abstand war ein toter Streifen
+        zwischen Menuepunkt und Panel. Wer den Zeiger hinunterbewegte, verliess
+        beides zugleich, und nach delayDuration klappte das Menue zu, bevor ein
+        Eintrag zu treffen war. Ein Hover-Menue darf keine Luecke haben.
+    -->
+    <NavigationMenu.Content class="min-w-56 group-data-[viewport=false]/navigation-menu:mt-0">
         {#each teams.records as t (t.id)}
             <button
                 type="button"
diff --git a/frontend/src/routes/dashboard/+layout.svelte b/frontend/src/routes/dashboard/+layout.svelte
index 605f554..1ebcc25 100644
--- a/frontend/src/routes/dashboard/+layout.svelte
+++ b/frontend/src/routes/dashboard/+layout.svelte
@@ -187,15 +187,13 @@
                         </a>
 
                         <!--
-                             Mit Viewport, also so, wie die Komponente gedacht
-                             ist. Ohne ihn haengt das Panel per top-full/left-0
-                             am naechsten positionierten Vorfahren — das ist
-                             die Leiste selbst, nicht der Menuepunkt. Es
-                             erschien dann am linken Rand statt unter „Team",
-                             der Zeiger lief auf dem Weg dorthin ins Leere und
-                             das Menue klappte zu, bevor jemand einen Eintrag
-                             treffen konnte. -->
-                        <NavigationMenu.Root class="hidden md:flex">
+                             Ohne Viewport: Der Inhalt haengt dann am
+                             Menuepunkt, der als NavigationMenu.Item ohnehin
+                             `relative` ist. Mit Viewport waere er eine eigene
+                             Flaeche unter der ganzen Leiste und stuende an
+                             deren linkem Rand — unter „Dashboard" statt unter
+                             „Team". -->
+                        <NavigationMenu.Root viewport={false} class="hidden md:flex">
                             <NavigationMenu.List class="items-center gap-2">
                                 {#each nav as item}
                                     {@const Icon = item.icon}