Repository navigation
Mobile browser readiness: tracking issue #988
Description
Summary
Audit of the CUDly frontend for mobile-browser readiness (375px / iOS Safari / Chrome Android). Four material gaps were found and filed as focused sub-issues below. Six categories passed or are not applicable.
Passed / not applicable
- Viewport meta tag: present and correct
- Typography: rem-based design tokens throughout
- KPI tiles:
auto-fitgrid wraps correctly - Charts: Chart.js
responsive:true+ 100% container - Tables:
overflow-x: autoat 768px (could go further; not in this tracking issue) window.confirm/window.alert: replaced by customconfirmDialog.ts- PWA: no manifest / SW (enhancement-level, not a bug)
Sub-issues
- mobile: touch targets below 44pt on .btn-small, .toggle-password, .modal-confirm-close #983 mobile: touch targets below 44pt on
.btn-small,.toggle-password,.modal-confirm-close - mobile: sidebar occupies 64px on 375px viewports with no drawer/overlay fallback #984 mobile: sidebar occupies 64px on 375px viewports with no drawer/overlay fallback
- mobile: modals not full-screen on narrow viewports; .modal-confirm has no vw cap #985 mobile: modals not full-screen on narrow viewports;
.modal-confirmhas no vw cap - mobile: numeric inputs lack inputmode; email/password inputs lack autocomplete #986 mobile: numeric inputs lack
inputmode; email/password inputs lackautocomplete
In-flight PRs
feat/mobile-foundations- viewport meta + theme-color + touch-target minimums + tap-highlight + safe-area padding + numeric input hintsfeat/mobile-nav-drawer- hamburger drawer for sidebar nav below 768px (addresses mobile: sidebar occupies 64px on 375px viewports with no drawer/overlay fallback #984)
Files touched by the fixes
frontend/src/index.htmlfrontend/src/styles/components.cssfrontend/src/styles/forms.cssfrontend/src/styles/layout.cssfrontend/src/styles/modals.cssfrontend/src/styles/responsive.cssfrontend/src/app.ts(for the drawer toggle)
Follow-up: QA screenshots
User QA is capturing screenshots of overlap/wrap bugs on a physical phone (iOS Safari 393x852). Those rows will be added to the QA tracking sheet and folded into focused sub-issues as needed.
Activity
cristim commentedon Jul 27, 2026
Verification sweep against
main(101f099fb) on 2026-07-27 finds this already resolved.All four checklist sub-issues (#983, #984, #985, #986) are closed, so this tracker's concrete scope is complete.
Evidence: #983, #984, #985, #986 all CLOSED.
Recommending close.
cristim commentedon Sep 2, 2026
Verified resolved at 3c0f8ac: every sub-issue in this tracker (#983, #984, #985, #986) is closed and both in-flight branches have merged; the mobile nav drawer is wired at frontend/src/app.ts:696 and the touch-target, modal and input-hint fixes are covered by regression tests. Evidence: frontend/src/app.ts:696 (#989, #1497, #1499). Residual axes checked: table overflow beyond 768px was explicitly scoped out of this tracker; QA screenshot follow-ups were to be filed as separate sub-issues and none remain open here. Closing as completed; reopen if the behaviour recurs.