Front : classes sm:, xl: et max-w-md sans effet, visionneuse de l'Atelier à 512 px (t_8f5dbd3b)

hermes-bot commented

2026-10-15 07:14:35 +02:00

Collaborator

Carte t_8f5dbd3b, point 2 de la relecture (la visionneuse de l'Atelier) et premier défaut du tour des onglets.

Cause mesurée : charte-theme.css ne garde que md (760 px) et lg (1 024 px), et remet les largeurs à zéro. Treize classes sm:, xl: et max-w-md ne produisaient aucune règle : elles sont absentes de la build de main.

Où	Avant (mesuré, Chromium)	Après
Visionneuse de l'Atelier, 1 440 px	512 px	1 024 px (`md:max-w-5xl`)
Cartes de chaîne de l'Atelier, 1 440 px	1 colonne de 1 392 px	3 colonnes de 451 px (`md:grid-cols-2 lg:grid-cols-3`)
Visionneuse et cartes, 390 px	358 px, 1 colonne	inchangé
Colonne « Passes » de la consommation	masquée à toutes les largeurs	visible dès 760 px (`md:table-cell`)
Grilles d'images de la revue	3 colonnes jusqu'à 1 024 px	4 dès 760 px, 6 dès 1 024 px
Aide clavier de la revue	jamais montrée	montrée à la souris dès 760 px (`md:pointer-fine:inline`)
Colonne des titres (Accueil, Processus)	sans borne	28rem (jeton `--container-md` ajouté)

Garde : tests/points-rupture.test.js lit les points et les largeurs définis dans le thème. Il refuse toute classe qui en emploie un autre. Il est rouge sur main (13 classes), vert après.

Preuve

npx vitest run : 30 fichiers, 221 tests, 0 échec.
npm run build : code 0, dist/index.html présent, app.js 147 Ko. Les classes .md\:max-w-5xl, .lg\:grid-cols-3, .md\:table-cell et .md\:pointer-fine\:inline sont dans la build.
test_charte_ui, test_charte_svelte, test_charte_mise_en_page et garde-habillage : code 0.
test_homogeneite : code 0 (44 relevés, 0 écart nouveau, 0 capture changée).

Non mesuré : la colonne « Passes » au navigateur (l'aperçu ne sert pas /api/conso) et la page servie du 132. Les images de la visionneuse ne sont pas servies par l'aperçu : seul le cadre est mesuré.

Aucune fonction retirée. Captures en commentaire.

Carte t_8f5dbd3b, point 2 de la relecture (la visionneuse de l'Atelier) et premier défaut du tour des onglets. **Cause mesurée** : `charte-theme.css` ne garde que `md` (760 px) et `lg` (1 024 px), et remet les largeurs à zéro. Treize classes `sm:`, `xl:` et `max-w-md` ne produisaient aucune règle : elles sont absentes de la build de main. | Où | Avant (mesuré, Chromium) | Après | |---|---|---| | Visionneuse de l'Atelier, 1 440 px | 512 px | 1 024 px (`md:max-w-5xl`) | | Cartes de chaîne de l'Atelier, 1 440 px | 1 colonne de 1 392 px | 3 colonnes de 451 px (`md:grid-cols-2 lg:grid-cols-3`) | | Visionneuse et cartes, 390 px | 358 px, 1 colonne | inchangé | | Colonne « Passes » de la consommation | masquée à toutes les largeurs | visible dès 760 px (`md:table-cell`) | | Grilles d'images de la revue | 3 colonnes jusqu'à 1 024 px | 4 dès 760 px, 6 dès 1 024 px | | Aide clavier de la revue | jamais montrée | montrée à la souris dès 760 px (`md:pointer-fine:inline`) | | Colonne des titres (Accueil, Processus) | sans borne | 28rem (jeton `--container-md` ajouté) | **Garde** : `tests/points-rupture.test.js` lit les points et les largeurs définis dans le thème. Il refuse toute classe qui en emploie un autre. Il est rouge sur main (13 classes), vert après. **Preuve** - `npx vitest run` : 30 fichiers, 221 tests, 0 échec. - `npm run build` : code 0, `dist/index.html` présent, `app.js` 147 Ko. Les classes `.md\:max-w-5xl`, `.lg\:grid-cols-3`, `.md\:table-cell` et `.md\:pointer-fine\:inline` sont dans la build. - test_charte_ui, test_charte_svelte, test_charte_mise_en_page et garde-habillage : code 0. - test_homogeneite : code 0 (44 relevés, 0 écart nouveau, 0 capture changée). **Non mesuré** : la colonne « Passes » au navigateur (l'aperçu ne sert pas `/api/conso`) et la page servie du 132. Les images de la visionneuse ne sont pas servies par l'aperçu : seul le cadre est mesuré. Aucune fonction retirée. Captures en commentaire.

planche-visionneuse.png

158 KiB

planche-visionneuse-tel.png

102 KiB

planche-atelier-grille.png

308 KiB

planche-atelier-grille-clair.png

289 KiB

hermes-bot added 1 commit

2026-10-15 07:14:35 +02:00

Front : les classes à point de rupture ou à largeur hors charte ne produisaient rien

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 19s

Details

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

Details

44410f8fa2

Cause : charte-theme.css ne garde que les points md (760 px) et lg (1 024 px)
et remet les largeurs à zéro. Treize classes sm:, xl: et max-w-md ne
généraient donc aucune règle (absentes de la build du 15/10). Mesuré dans
Chromium à 1 440 px : visionneuse de l'Atelier à 512 px, cartes de chaîne
sur une seule colonne de 1 392 px. La colonne « Passes » de la
consommation était masquée à toutes les largeurs.

Remède : sm: devient md:, xl: devient lg: (trois cartes de chaîne à
1 024 px et plus), la visionneuse passe à md:max-w-5xl (1 024 px). L'aide
clavier de la revue s'affiche à la souris seulement. Le jeton
--container-md (28rem) est ajouté pour la colonne des titres des tableaux.

Garde : tests/points-rupture.test.js lit les points et les largeurs
définis dans le thème et refuse toute classe qui en emploie un autre
(rouge sur main avec ces 13 classes).

hermes-bot commented

2026-10-15 07:17:21 +02:00

Author

Collaborator

Captures avant / après (Chromium sans tête, aperçu du front sur les données figées de tests/, heure figée au 13/10 à 16 h 12).

planche-visionneuse : la visionneuse à 1 440 px, en sombre (haut) et en clair (bas). Avant à gauche (512 px), après à droite (1 024 px). Les images ne sont pas servies par l'aperçu : seul le cadre compte.
planche-visionneuse-tel : 390 px, sombre puis clair, avant et après. Inchangé, plein largeur (358 px).
planche-atelier-grille (sombre) et planche-atelier-grille-clair : « Les chaînes » à 1 440 px. Avant, une colonne de 1 392 px ; après, trois colonnes de 451 px.
Vérifié à l'œil (vision) : rien ne déborde, la croix ne chevauche rien, les libellés des boutons sont entiers.

planche-visionneuse.png

planche-visionneuse-tel.png

planche-atelier-grille.png

planche-atelier-grille-clair.png

Captures avant / après (Chromium sans tête, aperçu du front sur les données figées de `tests/`, heure figée au 13/10 à 16 h 12). - `planche-visionneuse` : la visionneuse à 1 440 px, en sombre (haut) et en clair (bas). Avant à gauche (512 px), après à droite (1 024 px). Les images ne sont pas servies par l'aperçu : seul le cadre compte. - `planche-visionneuse-tel` : 390 px, sombre puis clair, avant et après. Inchangé, plein largeur (358 px). - `planche-atelier-grille` (sombre) et `planche-atelier-grille-clair` : « Les chaînes » à 1 440 px. Avant, une colonne de 1 392 px ; après, trois colonnes de 451 px. Vérifié à l'œil (vision) : rien ne déborde, la croix ne chevauche rien, les libellés des boutons sont entiers. planche-visionneuse.png ![planche-visionneuse.png](http://192.168.1.70:3000/attachments/f122d9a6-f2a7-4636-a0b7-0b409372ea26) planche-visionneuse-tel.png ![planche-visionneuse-tel.png](http://192.168.1.70:3000/attachments/a5587fdc-016b-46d8-8e64-54a9ef023aed) planche-atelier-grille.png ![planche-atelier-grille.png](http://192.168.1.70:3000/attachments/fc5d6722-fc45-47b8-a9f0-a926227b1576) planche-atelier-grille-clair.png ![planche-atelier-grille-clair.png](http://192.168.1.70:3000/attachments/dcc1bb11-233b-45fe-a45d-25fa990186fe)

hermes-bot referenced this pull request

2026-10-15 07:32:45 +02:00

Base : titres de section à la charte, puces de 36 px et 44 px au doigt, relevé des onglets (t_8f5dbd3b) #1707