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`.
|
||||
|
||||
## 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
|
||||
Reference in new issue
Block a user