openvibers/openvibe.blog Commits

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

OP OpenVibers committed 14 days ago · 2a625c8eb2 · 2 files, +11 −1

* Touch targets on phones (fleet audit)

* Touch targets on phones (fleet audit): raise the CSS budget for the phone rules

cssRawKB 38 -> 38.5: the touch-pointer rules (44px chips, FAQ summaries and the wider More hit area) grow blog.css by 0.5 KB raw.

Changes

ddiff --git a/public/css/blog.css b/public/css/blog.css
iindex c9eb556..f4f3411 100644
---- a/public/css/blog.css
++++ b/public/css/blog.css
@@@ -138,3 +138,13 @@ body.blog-home .page { max-width: 1120px; }
.bh-desks > li { flex: 0 0 84%; min-width: 0; scroll-snap-align: start; }
.bh-fold > summary span { display: none; }
}
++
++/* Touch targets on phones (fleet audit, 2026-10-29): touch pointers only. */
++@media (pointer: coarse) {
++ .bh-chips a { min-height: 44px; }
++ .bh-faq summary { min-height: 44px; }
++ .bh-bars a { display: inline-block; min-height: 44px; }
++ .bh-card h3 a, .bh-desks h3 a { display: inline-block; min-height: 44px; }
++ .bh-more a:only-child { position: relative; display: inline-block; }
++ .bh-more a:only-child::after { content: ''; position: absolute; left: 0; right: 0; top: -12px; bottom: -12px; }
++}
ddiff --git a/test/perf-budget.test.js b/test/perf-budget.test.js
iindex 85c3511..742ef80 100644
---- a/test/perf-budget.test.js
++++ b/test/perf-budget.test.js
@@@ -20,7 +20,7 @@ const BUDGETS = {
jsRawKB: 308, // 307.8 with openvibe-shared 4.43.0 (room.css carries the kit tokens, 4.39.1; the kit's 4.39.0 rules); 300.5 openvibe-shared 4.25.0: the menu's orb beside the brand, both balances on phones, messages, the account sheet on phones and the bar stepping away on phones; 293 openvibe-shared 4.22.0: the navbar's magnifier search button and More dropdown (search.js and loading.js load only when used); 287.2 Shared 4.17.0: OpenCoins and Vibes chips (wallet: true) in the navbar; 273.2 openvibe-shared 4.15 footer: the compact footer opens into the whole one, and the pulse line; 263.4 with shared 4.11.0's seasonal navbar; 254.1 with openvibe-shared 4.9.0 (status text twins in every theme, 2026-10-23); 246.2 with openvibe-shared 4.2.x (Ask Actor in the navbar, 2026-10-15); 239.1 (212.2 before openvibe-shared/shell's web-runtime.js)
jsBrotliKB: 77, // 76.1 with openvibe-shared 4.43.0 (room.css carries the kit tokens, 4.39.1; the kit's 4.39.0 rules); 74.2 openvibe-shared 4.25.0: the menu's orb beside the brand, both balances on phones, messages, the account sheet on phones and the bar stepping away on phones; 70.5 Shared 4.17.0: OpenCoins and Vibes chips (wallet: true) in the navbar; 67.9 openvibe-shared 4.15 footer: the compact footer opens into the whole one, and the pulse line; 65.3 Shared 4.12.0: the light/dark switch, the seasonal mark and the theme pairs; 61.7 with shared 4.11.0's seasonal navbar; 59.1 with openvibe-shared 4.4.0 (every site in the launcher, 2026-10-17); 56.3 (49.9 before web-runtime.js)
cssFiles: 2, // 1
-- cssRawKB: 38, // 37.6 the home's phone limits, desk row and fold (2026-10-29); 36 measured with openvibe-shared v4.39.0 (+1.5 KB raw of kit/room/showcase CSS; raised from 34 by the measured growth; sizes are rounded down to 1 decimal, so the limit must clear 36.0); 29.1 openvibe-shared 4.23.0: the showcase hero on a phone (near the bar, buttons side by side, numbers three across); 27.9 on 2026-10-26 (Shared 4.13's home kit: showcase.css 12.2 → 18.3 KB); 22 on 2026-10-22 (the home's post cards, week bars, desks, topics, questions and links); 17.7 (2026-10-15: blog.css carries the AI desks' few rules; the shared showcase.css grew to ~12 KB)
++ cssRawKB: 38.5, // 38.1 touch targets on phones (2026-10-29); 37.6 the home's phone limits, desk row and fold (2026-10-29); 36 measured with openvibe-shared v4.39.0 (+1.5 KB raw of kit/room/showcase CSS; raised from 34 by the measured growth; sizes are rounded down to 1 decimal, so the limit must clear 36.0); 29.1 openvibe-shared 4.23.0: the showcase hero on a phone (near the bar, buttons side by side, numbers three across); 27.9 on 2026-10-26 (Shared 4.13's home kit: showcase.css 12.2 → 18.3 KB); 22 on 2026-10-22 (the home's post cards, week bars, desks, topics, questions and links); 17.7 (2026-10-15: blog.css carries the AI desks' few rules; the shared showcase.css grew to ~12 KB)
cssBrotliKB: 9, // 7.3 openvibe-shared 4.26.1 (hero visual); 6.2 (2026-10-26, Shared 4.13's home kit); 5.1 (2026-10-22); 1.4
externalFiles: 1, // 0
};