openvibers/openvibe.trade Commits

Trade: tables scroll sideways on tablets too (#72)

OP OpenVibers committed 27 days ago · 3f711af35e · 2 files, +6 −3

* Trade: data tables scroll sideways up to 1024 px (the home's table overflowed a 768 px tablet)

* Trade perf budget: CSS 4.5 KB brotli with the tablet table rule

Changes

ddiff --git a/public/css/trade.css b/public/css/trade.css
iindex cf2e0c0..d2d1f11 100644
---- a/public/css/trade.css
++++ b/public/css/trade.css
@@@ -61,6 +61,9 @@ form.inline button { margin: 0; padding: 2px 10px; font-size: .85rem; }
  @media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
  @media (max-width: 700px) {
    h1 { font-size: 1.5rem; }
--  /* A table scrolls sideways here, so each has tabindex="0" (axe scrollable-region-focusable). */
++}
++/* A table scrolls sideways on phones and tablets, so each has tabindex="0" (axe scrollable-region-focusable). At 700 px
++   and up it overflowed the page at a tablet's 768 px (the home's latest-filings table was 879 px wide). */
++@media (max-width: 1024px) {
    table.data { display: block; overflow-x: auto; }
  }
ddiff --git a/test/perf-budget.test.js b/test/perf-budget.test.js
iindex 196640c..2932683 100644
---- a/test/perf-budget.test.js
++++ b/test/perf-budget.test.js
@@@ -18,8 +18,8 @@ const BUDGETS = {
      jsRawKB: 250,   // 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: 59,   // 56.3 (49.9 before web-runtime.js)
      cssFiles: 2,   // 2 (trade.css, openvibe-shared showcase.css)
--    cssRawKB: 18.5,   // 17.8 with the AI brief styles (2026-10-15); 16.2 before (4.7 before showcase.css)
--    cssBrotliKB: 4.4,   // 3.9 (1.3 before showcase.css)
++    cssRawKB: 18.5,   // 18.0 with tables scrolling sideways up to 1024 px (2026-10-17); 17.8 with the AI brief styles (2026-10-15); 16.2 before (4.7 before showcase.css)
++    cssBrotliKB: 4.7,   // 4.5 with the tablet table rule (2026-10-17); 3.9 (1.3 before showcase.css)
      externalFiles: 1,   // 0
  };