fix(ux): prevent iOS auto-zoom on inputs + lazy-load page CSS
Increase font-size to 16px on mobile for shopping quick-add inputs, notes search, and contacts search. Desktop breakpoint restores compact sizes. Move 9 page-specific stylesheets from index.html to on-demand loading in router.js, reducing initial CSS payload.
This commit is contained in:
@@ -7,6 +7,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
||||
|
||||
## [Unreleased]
|
||||
|
||||
## [0.7.3] - 2026-04-04
|
||||
|
||||
### Accessibility
|
||||
- Increase font-size to 16px (`--text-md`) on mobile for `quick-add__input`, `quick-add__qty`, `quick-add__cat` (shopping), `notes-toolbar__search-input`, and `contacts-toolbar__search-input` - prevents iOS auto-zoom on input focus (WCAG touch-friendly inputs)
|
||||
|
||||
### Performance
|
||||
- Lazy-load page-specific stylesheets on route change instead of loading all 10 upfront in `index.html` - reduces initial CSS payload; only tokens, reset, pwa, layout, and login styles are render-blocking
|
||||
|
||||
## [0.7.2] - 2026-04-04
|
||||
|
||||
### Accessibility
|
||||
|
||||
Reference in New Issue
Block a user