Skip to content

Conversation

@gisselin
Copy link

@gisselin gisselin commented Jun 22, 2025

Améliorations du composant WaitingTime pour être fidèle à l'affichage sur les écrans en gare

Enregistrement.de.l.ecran.2025-06-24.a.01.34.57.mov
  • Animation de transition fluide de 3 secondes lors du changement des chiffres du temps d'attente
  • Effet de mise à l'échelle progressive : les chiffres réduisent graduellement de taille (1.0x → 0.8x → 1.0x)
  • Timing intelligent : mise à jour du nombre au pic de la réduction (à 1,5s)
  • Animation pilotée par l'état : évite les conflits d'animation lors de mises à jour rapides

Amélioration du slider des disruptions

Enregistrement.de.l.ecran.2025-06-22.a.18.58.24.mov
  • Transitions de glissement bidirectionnelles : les perturbations sortantes glissent vers la gauche tandis que les entrantes arrivent de la droite
  • Animations simultanées : crée un flux visuel fluide et continu
  • Durée de 1,2 seconde avec un easing cubic-bezier doux pour un mouvement naturel
  • Gestion d'état améliorée : suit indépendamment les perturbations actuelles et suivantes
  • Positionnement absolu évite les décalages de mise en page pendant les transitions

…d state management. WaitingTime now displays updated minutes with a smooth transition, while Slider introduces a new transition effect for disruptions, enhancing user experience.
@gisselin gisselin force-pushed the improved-animations branch from fcdb4a2 to f70a14d Compare June 23, 2025 23:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant