frontend: Zoom-Controls mit Auto-Collapse-Funktion

- Zoom-Controls collapse automatisch nach 3 Sekunden Inaktivität
- Toggle-Button mit Lupe+Plus-Symbol zum Expandieren der Controls
- Position weiter nach rechts-unten verschoben (6px)
- Event-Delegation für zuverlässige Click-Erfassung
- Lazy-Loading der DOM-Elemente für robuste Initialisierung

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
mhoennig
2026-07-22 21:16:03 +02:00
co-authored by Claude Haiku 4.5
parent 154e3e92e2
commit 640cb95c27
3 changed files with 31 additions and 4 deletions
+5 -1
View File
@@ -343,7 +343,7 @@
/* Zoom-Steuerung: schwebt unten rechts über dem Diagramm. */
.zoomctl{
position:absolute;right:14px;bottom:14px;z-index:5;
position:absolute;right:6px;bottom:6px;z-index:5;
display:inline-flex;align-items:center;gap:2px;padding:2px;
background:var(--card);border:1px solid rgba(36,52,71,.18);
border-radius:8px;box-shadow:0 1px 4px rgba(36,52,71,.14);
@@ -355,6 +355,10 @@
}
#zoomReset{min-width:48px;font-size:.72rem}
.zoomctl button:hover{background:var(--paper);color:var(--or)}
.zoomToggle{display:none;padding:6px}
.zoomToggle svg{width:20px;height:20px}
.zoomctl.collapsed .zoomToggle{display:block}
.zoomctl.collapsed .zoomcontrols{display:none}
.panel.collapsed .zoomctl{display:none}
/* ---------- Baum ---------- */