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:
co-authored by
Claude Haiku 4.5
parent
154e3e92e2
commit
640cb95c27
@@ -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 ---------- */
|
||||
|
||||
Reference in New Issue
Block a user