Harden mobile workbench overflow
GeoIntel CI / docs-smoke (push) Has been cancelled
GeoIntel CI / contract-smoke (push) Has been cancelled

This commit is contained in:
Codex
2026-06-20 00:31:04 +02:00
parent 33d244b921
commit b42aedbec4
6 changed files with 114 additions and 2 deletions
+29
View File
@@ -2697,3 +2697,32 @@ Limitations:
Next recommended pass:
- Continue with QA/QC metric/result filtering or result-card density for long-lived demo projects.
## Sprint 72 Mobile overflow hardening (2026-06-20)
Changed:
- Clamped page-level horizontal overflow for `html`, `body` and the workbench shell.
- Kept mobile sidebar navigation and workspace shortcut chips as contained horizontal scroll regions with overscroll containment.
- Added min-width/max-width containment for the workbench layout, main area, inspector panel and card surfaces.
- Allowed long QA check IDs, dataset links and inspector values to wrap instead of widening result cards.
- Switched inspector tabs to a two-column layout on narrow screens.
- Added `backend/tests/test_sprint72_mobile_overflow_hardening.py`.
- Updated `frontend/README.md`, `docs/TODO.md` and `CHANGELOG.md`.
Tested:
- Red step: `python -m pytest backend/tests/test_sprint72_mobile_overflow_hardening.py -q` failed on missing mobile overflow and identifier wrapping contracts.
- `python -m pytest backend/tests/test_sprint72_mobile_overflow_hardening.py backend/tests/test_sprint71_quality_metric_polish.py backend/tests/test_sprint62_frontend_visual_polish.py backend/tests/test_sprint30_workbench_components.py -q` (`11 passed`)
- `cd frontend && npm run typecheck`
- `cd frontend && npm run build`
- Local browser check against `http://127.0.0.1:5176` with live API proxy at a 390px viewport: QA/QC workspace rendered 2 quality cards and 12 metric cards; body, shell, inspector, inspector panel and inspector tabs stayed within viewport width; sidebar/workspace nav retained contained horizontal scrolling; no console warnings/errors.
- Screenshot captured under `artifacts/sprint72-mobile-overflow-hardening/`.
- `bash scripts/run_readiness_check.sh` (`255 passed`)
Open:
- Redeploy Tower and verify live mobile overflow after deployment.
Limitations:
- Frontend CSS hardening only; no UI flow, API, persistence, migration, provider or AI/model changes.
Next recommended pass:
- Continue with QA/QC result filtering/density for long-lived demo projects, or a broader mobile visual pass across Data and Map once the overflow baseline is stable.