openvibers/openvibe.live Commits

VOD/clip/paste pagination wraps on phones instead of widening the page

OP OpenVibers committed 17 Sept 2026 · defabd10df · 2 files, +3 −1

With many pages the Next button sat past the right edge at 320-412px (found
by the browser smoke run against production). Smoke lap takes CHANNEL too.

Changes

ddiff --git a/public/css/style.css b/public/css/style.css
iindex 4b5ca36e..248a0ba0 100644
---- a/public/css/style.css
++++ b/public/css/style.css
@@@ -7311,6 +7311,7 @@ body.theme-light .user-dropdown {
  /* ── Pagination ───────────────────────────────────────────── */
  .pastes-pagination {
      display: flex;
++    flex-wrap: wrap; /* many page buttons on a phone wrap instead of widening the page */
      justify-content: center;
      align-items: center;
      gap: 12px;
ddiff --git a/test/browser/smoke.js b/test/browser/smoke.js
iindex de8ea9d9..321668fb 100644
---- a/test/browser/smoke.js
++++ b/test/browser/smoke.js
@@@ -165,7 +165,8 @@ const pageState = `(() => ({
          const { cdp, errors } = await openPage(1366);
          await cdp.send('Page.navigate', { url: BASE + '/' });
          await sleep(SETTLE);
--        const lap = ['/@admin', '/chat', '/dashboard', '/', '/broadcast', '/@admin', '/', '/vods', '/'];
++        const ch = process.env.CHANNEL || '/@admin';
++        const lap = [ch, '/chat', '/dashboard', '/', '/broadcast', ch, '/', '/vods', '/'];
          const probes = [];
          for (let i = 0; i < 3; i++) {
              for (const p of lap) { await cdp.evaluate(`navigate(${JSON.stringify(p)})`); await sleep(1200); }