openvibers/openvibe.wiki Commits

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

OP OpenVibers committed 14 days ago · 59aed373df · 2 files, +14 −1

* Touch targets on phones (fleet audit)

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

cssRawKB 41 -> 41.5: the touch-pointer rules (44px FAQ summaries and search fields, the wider brand, More and rank hit areas) grow wiki.css by 1.1 KB raw.

Changes

ddiff --git a/public/css/wiki.css b/public/css/wiki.css
iindex e043de9..7cecdac 100644
---- a/public/css/wiki.css
++++ b/public/css/wiki.css
@@@ -177,3 +177,16 @@ main .wk-h-group h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap
    .wk-h-rank > li:nth-child(n+4), .wk-recent > li:nth-child(n+6) { display: none; }
    .wk-h-fold > summary span { display: none; }
  }
++
++/* Touch targets on phones (fleet audit, 2026-10-29): touch pointers only. */
++@media (pointer: coarse) {
++  .wk-h-faq summary { min-height: 44px; }
++  .wk-search input, .wk-search button, .wk-h-search input, .wk-h-search button { min-height: 44px; }
++  .wk-brand { position: relative; display: inline-block; }
++  .wk-brand::after { content: ''; position: absolute; left: 0; right: 0; top: -9px; bottom: -9px; }
++  .wk-more a:only-child { position: relative; display: inline-block; }
++  .wk-more a:only-child::after { content: ''; position: absolute; left: 0; right: 0; top: -12px; bottom: -12px; }
++  .wk-recent a { display: inline-block; min-height: 44px; }
++  .wk-h-rank > li > a { position: relative; display: inline-block; }
++  .wk-h-rank > li > a::after { content: ''; position: absolute; left: 0; right: 0; top: -9px; bottom: -9px; }
++}
ddiff --git a/test/perf-budget.test.js b/test/perf-budget.test.js
iindex bb5bde3..f07a7d4 100644
---- a/test/perf-budget.test.js
++++ b/test/perf-budget.test.js
@@@ -18,7 +18,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 (197.7 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 (45.6 before web-runtime.js)
      cssFiles: 2,   // 1
--    cssRawKB: 41,   // 36.2 openvibe-shared 4.26.1 (hero visual); 30.7 with Shared 4.13.0 (2026-10-26: account links); 23.5 on 2026-10-22 (the home's numbers, shelves by site group, ranked pages, questions and links); 19.1 (wiki.css + the cached /shared/showcase.css; 2026-10-15 the home's space cards, shelf and recent list)
++    cssRawKB: 41.5,   // 41.1 touch targets on phones (2026-10-29); 36.2 openvibe-shared 4.26.1 (hero visual); 30.7 with Shared 4.13.0 (2026-10-26: account links); 23.5 on 2026-10-22 (the home's numbers, shelves by site group, ranked pages, questions and links); 19.1 (wiki.css + the cached /shared/showcase.css; 2026-10-15 the home's space cards, shelf and recent list)
      cssBrotliKB: 8.8,   // 8.6 the home's phone rows and fold (2026-10-29); 6.6–6.7 with Shared 4.13.0; raised from 8 for openvibe-shared v4.39.0 (+1.5 KB raw of kit/room/showcase CSS); measured 8.3
      externalFiles: 1,   // 0
  };