From 9b8e9a0f1ca9af26feea078286d0d7947ea55d29 Mon Sep 17 00:00:00 2001
From: Kevin Veen-Birkenbach <kevin@veen.world>
Date: Fri, 10 Jan 2025 14:05:53 +0100
Subject: [PATCH] Solved submenu bug

---
 app/static/css/default.css | 19 +++++++++++++++++++
 app/static/js/submenus.js  | 13 +++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/app/static/css/default.css b/app/static/css/default.css
index d4b71fa..5101181 100644
--- a/app/static/css/default.css
+++ b/app/static/css/default.css
@@ -137,3 +137,22 @@ h3.footer-title{
   display: block;
   opacity: 1;
 }
+
+
+.dropdown-submenu > .dropdown-menu {
+  position: absolute;
+  top: 0;
+  left: 100%; /* Standardmäßig rechts ausrichten */
+  margin-top: -1px;
+  z-index: 1050;
+  transition: opacity 0.3s ease-in-out;
+}
+
+.dropdown-submenu:hover > .dropdown-menu {
+  display: block;
+  opacity: 1;
+}
+
+.dropdown-submenu > .dropdown-menu[style*="right: 100%"] {
+  left: auto; /* Überschreibt die linke Position, wenn nach links geöffnet */
+}
diff --git a/app/static/js/submenus.js b/app/static/js/submenus.js
index 4d611de..b913a12 100644
--- a/app/static/js/submenus.js
+++ b/app/static/js/submenus.js
@@ -9,6 +9,19 @@ document.addEventListener('DOMContentLoaded', () => {
             clearTimeout(timeout);
             const menu = submenu.querySelector('.dropdown-menu');
             if (menu) {
+                // Dynamische Positionierung
+                const rect = menu.getBoundingClientRect();
+                const viewportWidth = window.innerWidth;
+
+                // Überprüfen, ob Platz nach rechts ist, sonst nach links öffnen
+                if (rect.right > viewportWidth) {
+                    menu.style.left = 'auto';
+                    menu.style.right = '100%';
+                } else {
+                    menu.style.left = '100%';
+                    menu.style.right = 'auto';
+                }
+
                 menu.style.display = 'block';
                 menu.style.opacity = '1';
             }