#1703 - Fenêtre « À prévoir » : large sur ordinateur, plein écran au téléphone, pied fixe (t_8f5dbd3b) - foXaCe/studio

hermes-bot commented

2026-10-15 06:34:30 +02:00

Collaborator

Carte t_8f5dbd3b, sujet 1 sur 2 (la fenêtre d'abord, la base ensuite).

Opérateur, 15/10 : « le modal "À prévoir" est trop petit et moche ».

Cause mesurée (aperçu, 1 440 px) : la fenêtre portait sm:max-w-2xl, or la charte n'a pas de point sm (charte-theme.css) ; md:max-w-lg de la fenêtre de base l'emportait : 512 px. Corps et pied défilaient ensemble (« Envoyer à Mika » sous la ligne de flottaison, le mot coupé), les titres et les champs d'heure débordaient à droite (à 390 px aussi), heures « 12h00 », chargement en phrase, focus posé sur le mot (le clavier du téléphone montait).

Ce qui change (seulement lib/atelier/Prevoir.svelte, son module prevoir.js, deux largeurs au thème) :

en-tête (titre, phrase, croix « Fermer ») ; corps qui défile seul ; pied fixe : le mot, ce qui partira (« 3 créneaux cochés »), « Fermer », « Envoyer à Mika » à droite ;
768 px dès 760 px ; 1 024 px dès 1 024 px, créneaux à gauche et « Vos commandes » à droite ; plein écran sous 760 px, zone sûre du bas ;
un jour par ligne (jour et date en colonne, « aujourd'hui »), format en badge de la base, heures de la charte (« 19 h », « Publiée à 12 h · titre »), semaines « Cette semaine · 12–18/10 » ;
squelette au chargement ; échec : la raison et « Réessayer » ;
focus sur la fenêtre à l'ouverture, piégé (60 Tab, 0 sortie), retour au bouton ; Échap, voile, croix et Fermer ferment (mesuré dans Chromium).

Aucune fonction retirée : semaines, cases, heures, + Long / + Short, mot, commandes et leur devenir, rythme absent, envoi. Le format envoyé à Mika (commandePrevoir) ne change pas.

Preuves

npx vitest run : 28 fichiers, 212 tests, 0 échec (dont tests/prevoir.test.js, 12 tests ; 6 rouges sur les fichiers de main).
npm run build : dist/index.html, app.js 145 Ko, Atelier.js ~72 Ko.
test_charte_ui.py, test_charte_svelte.py, test_homogeneite.py (0 nouvel écart), test_charte_mise_en_page.py, garde-habillage.py : OK.
Captures avant / après, clair et sombre, 1 440 et 390 px : jointes à la carte t_8f5dbd3b.

Pas mesuré : la page servie du 132 (aperçu local apercu.py seulement, état figé tests/api-prevoir.json), et un envoi réel (l'aperçu n'écrit rien).

Carte t_8f5dbd3b, sujet 1 sur 2 (la fenêtre d'abord, la base ensuite). Opérateur, 15/10 : « le modal "À prévoir" est trop petit et moche ». **Cause mesurée** (aperçu, 1 440 px) : la fenêtre portait `sm:max-w-2xl`, or la charte n'a pas de point `sm` (`charte-theme.css`) ; `md:max-w-lg` de la fenêtre de base l'emportait : **512 px**. Corps et pied défilaient ensemble (« Envoyer à Mika » sous la ligne de flottaison, le mot coupé), les titres et les champs d'heure débordaient à droite (à 390 px aussi), heures « 12h00 », chargement en phrase, focus posé sur le mot (le clavier du téléphone montait). **Ce qui change** (seulement `lib/atelier/Prevoir.svelte`, son module `prevoir.js`, deux largeurs au thème) : - en-tête (titre, phrase, croix « Fermer ») ; corps qui défile seul ; pied fixe : le mot, ce qui partira (« 3 créneaux cochés »), « Fermer », « Envoyer à Mika » à droite ; - 768 px dès 760 px ; 1 024 px dès 1 024 px, créneaux à gauche et « Vos commandes » à droite ; plein écran sous 760 px, zone sûre du bas ; - un jour par ligne (jour et date en colonne, « aujourd'hui »), format en badge de la base, heures de la charte (« 19 h », « Publiée à 12 h · titre »), semaines « Cette semaine · 12–18/10 » ; - squelette au chargement ; échec : la raison et « Réessayer » ; - focus sur la fenêtre à l'ouverture, piégé (60 Tab, 0 sortie), retour au bouton ; Échap, voile, croix et Fermer ferment (mesuré dans Chromium). **Aucune fonction retirée** : semaines, cases, heures, + Long / + Short, mot, commandes et leur devenir, rythme absent, envoi. Le format envoyé à Mika (`commandePrevoir`) ne change pas. **Preuves** - `npx vitest run` : 28 fichiers, 212 tests, 0 échec (dont `tests/prevoir.test.js`, 12 tests ; 6 rouges sur les fichiers de main). - `npm run build` : `dist/index.html`, `app.js` 145 Ko, `Atelier.js` ~72 Ko. - `test_charte_ui.py`, `test_charte_svelte.py`, `test_homogeneite.py` (0 nouvel écart), `test_charte_mise_en_page.py`, `garde-habillage.py` : OK. - Captures avant / après, clair et sombre, 1 440 et 390 px : jointes à la carte t_8f5dbd3b. Pas mesuré : la page servie du 132 (aperçu local `apercu.py` seulement, état figé `tests/api-prevoir.json`), et un envoi réel (l'aperçu n'écrit rien).

planche-bureau.png

376 KiB

planche-telephone.png

311 KiB

hermes-bot added 1 commit

2026-10-15 06:34:30 +02:00

Fenêtre « À prévoir » : large sur ordinateur, plein écran au téléphone, pied fixe

Tests du tableau (Rust + Svelte) / Rust (_tableau/rust) (push) Successful in 18s

Details

Tests du tableau (Rust + Svelte) / Front Svelte (_tableau/front) (push) Successful in 12s

Details

Tests du tableau (Rust + Svelte) / Rust (_tableau/rust) (pull_request) Successful in 20s

Details

Tests du tableau (Rust + Svelte) / Front Svelte (_tableau/front) (pull_request) Successful in 13s

Details

dda6ab1f27

Cause : la fenêtre portait `sm:max-w-2xl`, mais la charte n'a pas de point `sm` ;
`md:max-w-lg` de la fenêtre de base l'emportait : 512 px à 1 440 px. Corps et pied
défilaient ensemble (« Envoyer à Mika » sous la ligne de flottaison), les titres et
les champs d'heure débordaient à droite, les heures s'écrivaient « 12h00 », le
chargement était une phrase et le focus montait le clavier du téléphone sur le mot.

Remède : en-tête, corps qui défile seul, pied fixe (le mot, ce qui partira, Fermer,
Envoyer à Mika) ; 768 px dès 760 px, 1 024 px dès 1 024 px avec les créneaux à
gauche et « Vos commandes » à droite, plein écran sous 760 px. Un jour par ligne,
format en badge, heures de la charte, squelette au chargement, « Réessayer » en
cas d'échec, focus sur la fenêtre. Les largeurs `3xl` et `5xl` entrent au thème.
Aucune fonction retirée. Banc tests/prevoir.test.js, état figé pour apercu.py.

hermes-bot referenced this pull request

2026-10-15 06:41:49 +02:00

Base : bordure des fenêtres et menus à la charte, croix « Fermer », aide clavier muette au doigt (t_8f5dbd3b) #1704

hermes-bot commented

2026-10-15 06:42:14 +02:00

Author

Collaborator

Captures avant / après (aperçu apercu.py, état figé tests/api-prevoir.json).

Bureau 1 440 px, en haut sombre, en bas clair ; à gauche avant, à droite après :

Téléphone 390 px : avant sombre, après sombre, avant clair, après clair, après clair défilé :

Captures avant / après (aperçu apercu.py, état figé tests/api-prevoir.json). Bureau 1 440 px, en haut sombre, en bas clair ; à gauche avant, à droite après : ![bureau](/attachments/e7114bf4-df2e-4331-9bcd-0cc5918cae7d) Téléphone 390 px : avant sombre, après sombre, avant clair, après clair, après clair défilé : ![téléphone](/attachments/27175b0a-c5d4-4bd8-9afd-f1ee4950df04)

hermes-bot added the

relu

label

2026-10-15 06:53:20 +02:00