Skip to content

Choix du fuseau affiché au clic sur le drapeau - #186

Merged
mortifia merged 1 commit into
mainfrom
107-fuseaux-drapeaux
Oct 31, 2026
Merged

mortifia merged 1 commit into
mainfrom
107-fuseaux-drapeaux

Conversation

@mortifia

Copy link
Copy Markdown
Contributor

Closes #107

Reprend de #139 le menu de fuseaux de @foufie4, réappliqué sur le Header responsive actuel. Le reste de #139 est abandonné : dépendances, verrou, suppression de persist et de plugins/persistedstate.ts.

Corrections par rapport à #139

  • flag-guyane.png représentait le Guyana : la Guyane utilise le drapeau français.
  • Deux fichiers .png étaient du WebP. Tous les drapeaux sont réduits à 160 px.
  • Fuseaux IANA, heure toujours en HH:MM, horloge qui avance, même heure au rendu serveur et dans le navigateur.
  • Menu en boutons, fermeture au clic extérieur et avec Échap, largeur téléphone corrigée.

Vérifications

  • 228 heures comparées à zoneinfo de Python, sur 12 fuseaux et les changements d'heure : aucun écart.
  • Menu essayé à 1280, 481, 375 et 320 px, sans débordement.
  • Connexion et contenu privé inchangés sur l'image construite.

Non vérifié : Firefox, Safari, vrai écran tactile.

Les drapeaux de Guadeloupe, Martinique et La Réunion sont des drapeaux régionaux non officiels, repris de #139.

Le drapeau du Canada ouvre un menu de fuseaux (Canada, États-Unis, Royaume-Uni,
Russie, Australie, Guadeloupe, Martinique, Guyane, La Réunion, Mayotte). Le
drapeau et l'heure affichés suivent le fuseau choisi.

- l'heure est lue à chaque seconde sur un instant partagé entre le serveur et
  le navigateur (useState) : même rendu à l'hydratation, heure d'été gérée par
  Intl, minuit affiché 00:00 (hourCycle h23)
- le menu est en boutons (clavier, aria-expanded), se ferme au clic extérieur et
  à Échap, s'ancre à la largeur de l'en-tête sous 480 px, zone tactile élargie
- drapeaux en vrais PNG de 160 px ; la Guyane prend le drapeau tricolore
  (flag-guyane.png de la PR #139 était celui du Guyana)

Reprend la fonction de la PR #139 (Sophie), sans le reste de cette PR.
@mortifia
mortifia merged commit 94ac0fa into main Oct 31, 2026
2 checks passed
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.

Add cliquer sur le drapeau canadien pour changer le gmt affichier

2 participants