Header lang-toggle: independent verification section (50/50 PASS + pre-existing FR title ellipsis noted)
This commit is contained in:
1 parent
043fa8a683
commit
a0fbb390b5
1 file changed
+28
@@ -112,4 +112,32 @@ Jitter-controlled pixdiff (`audit/lang_right_pixdiff.py`, PIL `ImageChops`):
|
|||||||
|
|
||||||
`main`: `site/style.css` one-liner + audit scripts/JSONs, pushed to `origin/main`.
|
`main`: `site/style.css` one-liner + audit scripts/JSONs, pushed to `origin/main`.
|
||||||
|
|
||||||
|
## 9. Independent verification (Hermes, 2026-10-09) — 50/50 PASS
|
||||||
|
|
||||||
|
Re-ran the acceptance battery independently (not trusting the audit):
|
||||||
|
|
||||||
|
- **Toggle position** at 320/360/390/1280 × EN/FR (results screen, seeded plan): flush right
|
||||||
|
(gap 10–12px = header padding), rightmost `.hdr-in` child, vertically inside the header band,
|
||||||
|
at every width/language. Pre-fix baseline for contrast: toggle sat at x 273–351 vs header
|
||||||
|
content edge 1170 at 1280.
|
||||||
|
- **Header height unchanged**: `.hdr-in` = 66px desktop / 56px mobile, identical pre/post.
|
||||||
|
- **No horizontal overflow** at any width (320 included).
|
||||||
|
- **Toggle still switches language**: EN→FR→EN round-trip on a seeded results page, plan text
|
||||||
|
changes and restores exactly.
|
||||||
|
- **App-shell intact** at 390/320: CTA below the scroll area, no option/CTA overlap.
|
||||||
|
- **Pixel-diff vs pre-fix full-page baselines** (en/fr × 1280/390/320, captured before the
|
||||||
|
deploy): identical below the header strip (0 strongly-differing pixels) — the change is
|
||||||
|
confined to the header.
|
||||||
|
- **Tests green**: engine 36/36 · i18n 48/48 · ps-pension 70/70 · smoke 92/92.
|
||||||
|
- **Off-LAN OK** (marker + rule served from outside the LAN).
|
||||||
|
- **Vision-checked** header strips at 1280 (EN), 390 (FR), 320 (EN): toggle top-right, isolated,
|
||||||
|
active language highlighted, other header items unchanged.
|
||||||
|
|
||||||
|
**One pre-existing nit (NOT a regression):** at 390px the French brand title ellipsizes
|
||||||
|
("Planificateur de re…") because `.logo` is `flex:0 1 auto` with `text-overflow:ellipsis` and the
|
||||||
|
FR title is long. Verified pre-existing: the pre-fix baseline screenshot shows the same
|
||||||
|
truncation, and the logo width is identical pre/post-fix at 360/320 (142px/102px). Out of scope
|
||||||
|
for this change; optional follow-up = shorten the FR brand string or relax the ghost button's
|
||||||
|
padding at ≤420px.
|
||||||
|
|
||||||
HEADER_LANG_DONE
|
HEADER_LANG_DONE
|
||||||
Reference in new issue
Block a user