Refocus responsive layouts on compact desktop use
All checks were successful
Deploy Sokko G / deploy (push) Successful in 19s

This commit is contained in:
Shinuwa 2026-10-05 15:47:46 +02:00
parent 96d058293d
commit 0ac1a0974e
27 changed files with 610 additions and 190 deletions

View file

@ -21,10 +21,10 @@ Checklist à suivre lors de l'ajout ou de la modification d'un outil, d'une page
- Si l'outil porte un état de progression, vérifier que l'import texte repart de l'état initial attendu.
- Vérifier l'affichage dans la page toolbox complète.
- Vérifier l'affichage dans le panneau latéral.
- Vérifier l'ordre compact du header en une et deux colonnes et sur mobile : déplacement, icône, titre, scroll éventuel, ajout éventuel, Configuration, suppression, chevron. Le panneau Configuration doit prendre toute la largeur, placer Espace et Données sur deux colonnes puis les réglages spécifiques sur toute la ligne, et empiler ces sections dans cet ordre sur mobile.
- Vérifier l'ordre compact du header en une et deux colonnes et dans une fenêtre étroite : déplacement, icône, titre, scroll éventuel, ajout éventuel, Configuration, suppression, chevron. Le panneau Configuration doit prendre toute la largeur, placer Espace et Données sur deux colonnes puis les réglages spécifiques sur toute la ligne, et empiler ces sections sous la largeur prévue.
- Vérifier que Configuration et ajout se ferment mutuellement, qu'Échap ferme Configuration et qu'un outil replié peut l'ouvrir sans afficher son contenu métier.
- Pour le tutoriel toolbox, vérifier le démarrage unique, la fermeture et le changement de toolbox en cours de visite ; une autre toolbox doit démarrer à la première étape et ne pas consommer les indicateurs de la précédente.
- Pour le Bloc Note, vérifier la sélection, l'ajout, le renommage et la suppression de pages en page complète, panneau latéral et mobile.
- Pour le Bloc Note, vérifier la sélection, l'ajout, le renommage et la suppression de pages en page complète, panneau latéral et fenêtre compacte.
- Vérifier qu'un changement de page avec le focus actif remplace immédiatement le contenu de l'éditeur ; une mise à jour externe de la même page attend le blur sans déplacer la sélection pendant la saisie ni reprendre le focus ensuite.
- Pour les dessins temporaires et l'historique du simulateur de chance, vérifier l'isolation par clé de session lors des changements de page/outil et après rechargement ; une navigation seule ne doit pas écraser les données de l'autre clé.
- Pour le simulateur de chance, vérifier que les brouillons suivent le taux et l'outil actifs, restent intacts lors d'un rendu sans rapport et se valident au blur selon le champ.
@ -81,9 +81,9 @@ Checklist à suivre lors de l'ajout ou de la modification d'un outil, d'une page
- Vérifier les boutons icon, danger, primary et secondary.
- Vérifier les cartes, panels et scrollbars.
- Vérifier les états hover/focus.
- Vérifier mobile et desktop quand le changement touche la mise en page.
- Vérifier les fenêtres de 768, 960, 1024, 1280, 1440 et 1920 px quand le changement touche la mise en page.
- Les tests `e2e/card-surfaces.spec.js` compilent le Sass complet et vérifient les
styles calculés des cartes NDS, home jeux et MHW en desktop/mobile : fonds,
styles calculés des cartes NDS, home jeux et MHW en fenêtre large/compacte : fonds,
bordures, séparateurs dorés, hover sans redimensionnement, focus clavier NDS
et faces MHW. Ils ne créent pas de snapshots visuels et ne remplacent pas les
parcours des pages réelles.
@ -91,7 +91,7 @@ Checklist à suivre lors de l'ajout ou de la modification d'un outil, d'une page
complètent cette couverture : tailles et états NDS, panneaux, feedbacks,
modales/drawers/toasts, scrollbars, mouvement réduit, états des outils et
masques d'icônes décodables. Les layouts home/À propos/librairie sont aussi
vérifiés sur les pages réelles en desktop, tablette et mobile.
vérifiés sur les pages réelles en fenêtre large et demi-écran.
- `tests/static-styles.test.mjs` conserve les frontières d'architecture, les
conventions publiques et les limites de taille des fichiers, pas des preuves
de rendu basées sur la présence d'un nom de classe ou de mixin dans le Sass.