"Refactor Mindate mindmap UI updates for mindmap controls and components" (feat)

templates/mindmap.html

@@ -90,7 +90,7 @@
   /* Kontrollpanel */
   .control-panel {
     position: absolute;
-    right: 9rem;
+    right: 2rem;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(15, 23, 42, 0.9);
@@ -123,60 +123,6 @@
     margin-right: 0.75rem;
   }
 
-  /* Rechte Seitenleiste */
-  .right-sidebar {
-    position: absolute;
-    right: 1.5rem;
-    top: 10rem;
-    transform: translateY(0);
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    z-index: 100;
-  }
-
-  .tool-buttons {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-    background: rgba(15, 23, 42, 0.9);
-    border-radius: 1rem;
-    padding: 1rem;
-    backdrop-filter: blur(10px);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
-  }
-
-  .sidebar-button {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 0.75rem;
-    padding: 0.75rem;
-    background: rgba(255, 255, 255, 0.1);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 0.5rem;
-    color: white;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    font-size: 0.9rem;
-    width: 100%;
-  }
-
-  .sidebar-button:hover {
-    background: rgba(255, 255, 255, 0.2);
-    transform: translateX(-5px);
-  }
-
-  .sidebar-button i {
-    font-size: 1.1rem;
-    color: #8b5cf6;
-  }
-
-  .sidebar-button:active {
-    transform: scale(0.98);
-  }
-
   /* CRUD Panel */
   .crud-panel {
     position: absolute;
@@ -479,24 +425,6 @@
     </button>
   </div>
 
-  <!-- Rechte Seitenleiste -->
-  <div class="right-sidebar">
-    <div class="tool-buttons">
-      <button id="vergrößernBtn" class="sidebar-button">
-        <i class="fas fa-search-plus"></i>
-        <span>Vergrößern</span>
-      </button>
-      <button id="verkleinernBtn" class="sidebar-button">
-        <i class="fas fa-search-minus"></i>
-        <span>Verkleinern</span>
-      </button>
-      <button id="zurücksetzenBtn" class="sidebar-button">
-        <i class="fas fa-sync"></i>
-        <span>Zurücksetzen</span>
-      </button>
-    </div>
-  </div>
-
   <!-- CRUD Buttons (anfänglich ausgeblendet) -->
   <div id="crudPanel" class="crud-panel" style="display: none;">
     <button id="createNode" class="crud-button create">
@@ -560,7 +488,6 @@
 
 <!-- Unsere JavaScript-Dateien -->
 <script src="{{ url_for('static', filename='js/update_mindmap.js') }}"></script>
-<script src="{{ url_for('static', filename='js/mindmap_controls.js') }}"></script>
 
 <!-- Initialisierung -->
 <script>