fix(tutorial): Maussimulation fuer Toggle-Schieberegler in Schritt 6+7

Cursor bewegt sich jetzt zum sichtbaren Toggle-Switch statt zum
versteckten Checkbox-Input. Klick-Animation (Scale-Pulse) zeigt
die Betaetigung visuell an.

Neue Hilfsmethoden: _clickAtCursor() und _cursorToToggle()

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Dev
2026-03-25 18:16:13 +01:00
Ursprung 77c89aa13a
Commit 0aa2cd09a1
2 geänderte Dateien mit 69 neuen und 11 gelöschten Zeilen

Datei anzeigen

@@ -5194,6 +5194,15 @@ a.map-popup-article:hover {
.tutorial-cursor-resize {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M22 22H20V20H22V22ZM22 18H18V22H16V16H22V18ZM18 18V14H22V12H16V18H18ZM14 22H12V16H18V14H10V22H14Z' fill='%23fff' stroke='%23000' stroke-width='0.3'/%3E%3C/svg%3E") no-repeat center/contain;
}
.tutorial-cursor.clicking {
animation: tutorial-cursor-click 0.3s ease;
}
@keyframes tutorial-cursor-click {
0% { transform: scale(1); }
40% { transform: scale(0.75); }
100% { transform: scale(1); }
}
/* Chat Tutorial-Hinweis */
.chat-tutorial-hint {