openvibers/openvibe.food Commits

Touch targets on phones (fleet audit) (#138)

OP OpenVibers committed 14 days ago · 50dcef80cf · 2 files, +7 −1

Changes

ddiff --git a/public/css/app.css b/public/css/app.css
iindex 65bb178..2e2715b 100644
---- a/public/css/app.css
++++ b/public/css/app.css
@@@ -70,3 +70,9 @@ button.sc-btn.sc-primary { border: 0; }
.food-search-panel > .sc-btn { width: 100%; justify-content: center; }
.food-search-note { margin: -4px 0 0; font-size: .8rem; color: var(--text-muted, #7386a3); text-align: center; }
++
++/* 10 touch targets (2026-10-29): place chips, the search select and its button are at least 44 px tall. */
++@media (pointer: coarse) {
++ .home-chips a { min-height: 44px; align-items: center; }
++ .food-search .food-field select, .food-search > .sc-btn { height: auto; min-height: 44px; }
++}
ddiff --git a/test/perf-budget.test.js b/test/perf-budget.test.js
iindex de218fe..9c570a9 100644
---- a/test/perf-budget.test.js
++++ b/test/perf-budget.test.js
@@@ -26,7 +26,7 @@ const BUDGETS = {
// 16.4 since the product's own pages brought their stylesheet with them (the search and plan forms, the place
// cards, the pantry's tick list); app.css itself stayed within a few lines.
cssRawKB: 39, // 38.3 the home's phone rows (2026-10-29); 33.6 openvibe-shared 4.26.1 (hero visual); 28.1 with Shared 4.13.0 (2026-10-26: account links); 22.2 with css/home.css; 16.4 before
-- cssBrotliKB: 8.5, // 8.2 the home's phone limits and fold (2026-10-29); 6.4 with Shared 4.13.0 (2026-10-26: account links); 5.3 with css/home.css; 4.3 with the hero search panel
++ cssBrotliKB: 8.6, // 8.6 with 11 touch targets (2026-10-29: the chips and the food search's fields at 44 px); 8.2 the home's phone limits and fold (2026-10-29); 6.4 with Shared 4.13.0 (2026-10-26: account links); 5.3 with css/home.css; 4.3 with the hero search panel
externalFiles: 0, // 0
};