Harden mobile workbench overflow
This commit is contained in:
@@ -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.
|
||||
|
||||
Reference in New Issue
Block a user