Tutorial: Pulsierender Rand bei Demos, Weiter-Button erst nach Abschluss

Waehrend automatischer Demos (disableNav-Steps):
- Bubble-Rand pulsiert gold (animation: tutorial-bubble-pulse)
- Statt Vor/Zurueck-Buttons wird "Demo laeuft..." angezeigt
- Nach Abschluss der Demo: Pulsieren stoppt, Zurueck/Weiter erscheinen

Bei normalen Steps (keine Demo):
- Zurueck/Weiter-Buttons sind sofort sichtbar, kein Pulsieren

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Dev
2026-03-16 17:03:16 +01:00
Ursprung 47b0ec306f
Commit c2d08f460d
3 geänderte Dateien mit 39 neuen und 12 gelöschten Zeilen

Datei anzeigen

@@ -5242,3 +5242,20 @@ body.tutorial-active .tutorial-bubble,
body.tutorial-active .tutorial-cursor {
pointer-events: auto !important;
}
/* Tutorial Bubble: Pulsieren waehrend automatischer Demo */
@keyframes tutorial-bubble-pulse {
0%, 100% { border-color: var(--accent); box-shadow: var(--shadow-lg), 0 0 0 0 rgba(150, 121, 26, 0); }
50% { border-color: var(--accent-hover); box-shadow: var(--shadow-lg), 0 0 0 6px rgba(150, 121, 26, 0.25); }
}
.tutorial-bubble-pulsing {
animation: tutorial-bubble-pulse 1.5s ease-in-out infinite;
}
.tutorial-demo-hint {
font-size: 12px;
color: var(--text-secondary);
font-style: italic;
text-align: center;
width: 100%;
display: block;
}