UI Verbesserung 2

v2_adminpanel/templates/base.html

@@ -291,6 +291,9 @@
             padding: 0;
             margin: 0;
             background-color: #f1f3f4;
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
         }
         
         .sidebar-submenu .nav-link {
@@ -298,6 +301,29 @@
             font-size: 0.9rem;
         }
         
+        /* Show submenu on hover */
+        .nav-item:hover .sidebar-submenu {
+            max-height: 300px;
+        }
+        
+        /* Keep submenu open when active */
+        .nav-item.has-active-child .sidebar-submenu {
+            max-height: 300px;
+        }
+        
+        /* Arrow indicator for items with submenus */
+        .nav-link.has-submenu::after {
+            content: '▾';
+            float: right;
+            opacity: 0.5;
+            transition: transform 0.3s;
+        }
+        
+        .nav-item:hover .nav-link.has-submenu::after,
+        .nav-item.has-active-child .nav-link.has-submenu::after {
+            transform: rotate(180deg);
+        }
+        
         /* Main Content with Sidebar */
         .main-content {
             margin-left: var(--sidebar-width);
@@ -359,12 +385,12 @@
                     <span>Dashboard</span>
                 </a>
             </li>
-            <li class="nav-item">
+            <li class="nav-item {% if request.endpoint in ['customers_licenses', 'edit_customer', 'create_customer', 'edit_license', 'create_license', 'batch_licenses'] %}has-active-child{% endif %}">
-                <a class="nav-link {% if request.endpoint in ['customers_licenses', 'edit_customer', 'create_customer', 'edit_license', 'create_license'] %}active{% endif %}" href="/customers-licenses">
+                <a class="nav-link has-submenu {% if request.endpoint == 'customers_licenses' %}active{% endif %}" href="/customers-licenses">
                     <i class="bi bi-people"></i>
                     <span>Kunden & Lizenzen</span>
                 </a>
-            </li>
+                <ul class="sidebar-submenu">
                     <li class="nav-item">
                         <a class="nav-link {% if request.endpoint == 'create_customer' %}active{% endif %}" href="/customer/create">
                             <i class="bi bi-person-plus"></i>
@@ -383,18 +409,22 @@
                             <span>Batch-Erstellung</span>
                         </a>
                     </li>
-            <li class="nav-item">
+                </ul>
-                <a class="nav-link {% if request.endpoint == 'resources' %}active{% endif %}" href="/resources">
+            </li>
+            <li class="nav-item {% if request.endpoint in ['resources', 'add_resources'] %}has-active-child{% endif %}">
+                <a class="nav-link has-submenu {% if request.endpoint == 'resources' %}active{% endif %}" href="/resources">
                     <i class="bi bi-box-seam"></i>
                     <span>Resource Pool</span>
                 </a>
-            </li>
+                <ul class="sidebar-submenu">
                     <li class="nav-item">
                         <a class="nav-link {% if request.endpoint == 'add_resources' %}active{% endif %}" href="/resources/add">
                             <i class="bi bi-plus-square"></i>
                             <span>Ressourcen hinzufügen</span>
                         </a>
                     </li>
+                </ul>
+            </li>
             <li class="nav-item">
                 <a class="nav-link {% if request.endpoint == 'audit_log' %}active{% endif %}" href="/audit">
                     <i class="bi bi-journal-text"></i>