STUD-1156 : le bouton Actualiser du téléphone passe de 32 à 56 px (reprise bloquante) #1637

Merged

hermes-fusion merged 1 commit from hermes/cadre-actualiser-tactile into main

2026-10-14 21:05:03 +02:00

hermes-bot commented

2026-10-14 20:42:47 +02:00

Collaborator

Reprend le point bloquant de la relecture t_ecbc772b : au téléphone, le bouton Actualiser de l'en-tête faisait 32 × 32 px.

Cause. _tableau/front/src/lib/cadre/BarreBas.svelte : la Puce icone prend PUCE_ICONE (h-8, w-8), 32 px — sous le plancher de 44 px de STUD-1156 et sous les 56 px de CHARTE-UI.md. Seul bouton du cadre sous 44 px au téléphone.

Remède. Taille réglée localement sur ce bouton : class="h-14 w-14" (56 × 56), il remplit la ligne h-14 de l'en-tête. PUCE_ICONE n'est pas touchée (fichier chaud de #1604).

Mesure (Chromium 154, protocole DevTools, 390 × 844). size-14 — le remède écrit d'abord — reste à 32 × 32 : la feuille compilée range .size-14 avant les .h-8/.w-8 de PUCE_ICONE (toutes !important), qui l'emportent. h-14 w-14 : rect {h: 56, w: 56, x: 326, y: 0}, en clair comme en sombre ; en-tête à 57 px, titre et ligne de fraîcheur lisibles, aucun autre bouton du cadre sous 44 px. Pièces dans ~/atelier-hermes/captures-t_7e35cca6/ sur le PC.

Banc. _tableau/front/tests/cadre-barre-bas-tactile.test.js (3 tests) : rouge avant (32 × 32), vert après.

Fichiers : BarreBas.svelte + le banc neuf. Ni front/tests/cadre.test.js ni lib/cadre/onglets.js (PR #1619), ni lib/base/* (PR #1604). Pas de fusion.

Reprend le point bloquant de la relecture `t_ecbc772b` : au téléphone, le bouton Actualiser de l'en-tête faisait 32 × 32 px. **Cause.** `_tableau/front/src/lib/cadre/BarreBas.svelte` : la `Puce icone` prend `PUCE_ICONE` (`h-8`, `w-8`), 32 px — sous le plancher de 44 px de STUD-1156 et sous les 56 px de `CHARTE-UI.md`. Seul bouton du cadre sous 44 px au téléphone. **Remède.** Taille réglée localement sur ce bouton : `class="h-14 w-14"` (56 × 56), il remplit la ligne `h-14` de l'en-tête. `PUCE_ICONE` n'est pas touchée (fichier chaud de #1604). **Mesure (Chromium 154, protocole DevTools, 390 × 844).** `size-14` — le remède écrit d'abord — reste à 32 × 32 : la feuille compilée range `.size-14` avant les `.h-8`/`.w-8` de `PUCE_ICONE` (toutes `!important`), qui l'emportent. `h-14 w-14` : rect `{h: 56, w: 56, x: 326, y: 0}`, en clair comme en sombre ; en-tête à 57 px, titre et ligne de fraîcheur lisibles, aucun autre bouton du cadre sous 44 px. Pièces dans `~/atelier-hermes/captures-t_7e35cca6/` sur le PC. **Banc.** `_tableau/front/tests/cadre-barre-bas-tactile.test.js` (3 tests) : rouge avant (32 × 32), vert après. Fichiers : `BarreBas.svelte` + le banc neuf. Ni `front/tests/cadre.test.js` ni `lib/cadre/onglets.js` (PR #1619), ni `lib/base/*` (PR #1604). Pas de fusion.

hermes-bot added 1 commit

2026-10-14 20:42:47 +02:00

cadre : le bouton Actualiser du téléphone passe de 32 à 56 px (STUD-1156)

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

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

Details

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

Details

e55d8d5a4d

Cause. La relecture du cadre (t_ecbc772b) a relevé au protocole DevTools, dans le vrai Chromium 154,
à 390 × 844, un bouton Actualiser de 32 × 32 px dans l'en-tête du téléphone : la `Puce icone` de
`BarreBas.svelte` prend `PUCE_ICONE` (`h-8`, `w-8`), 32 px. C'était le seul bouton du cadre sous le
plancher de 44 px de STUD-1156, et sous les 56 px que `CHARTE-UI.md` demande pour ce bouton.

Remède. La taille est réglée localement, sur ce bouton seul : `class="h-14 w-14"` (56 × 56), il remplit
la ligne `h-14` de l'en-tête, comme les entrées de la barre du bas. `PUCE_ICONE` (32 px) n'est pas
touchée, elle habille toutes les puces-icônes du tableau.

Mesure. `size-14` — le remède écrit d'abord — a été mesuré à 32 × 32 : la feuille compilée range
`.size-14` AVANT les `.h-8`/`.w-8` de `PUCE_ICONE` (toutes `!important`), qui l'emportent.
`h-14`/`w-14` sont de la même famille que `h-8`/`w-8`, donc émis après : 56 × 56 mesuré, en clair
comme en sombre. En-tête toujours à 57 px (56 px de ligne + 1 px de filet), titre et ligne de
fraîcheur lisibles (aucune troncature, y compris à 360 px sur « Sujets qui marchent »).

Banc. `front/tests/cadre-barre-bas-tactile.test.js` (3 tests) : la zone du bouton Actualiser lit au
moins 44 px dans ses classes Tailwind, 56 px pour la cible de la charte, et la taille reste locale
(le `w-8` de `PUCE_ICONE` ne décide plus). Rouge avant le correctif (32 × 32), vert après.

hermes-bot added the

relu

label

2026-10-14 20:59:07 +02:00