From 459fc93e98f23e326c2fa77fe86ba74c2bae77f0 Mon Sep 17 00:00:00 2001 From: Christophe Besson Date: Tue, 15 Sep 2026 17:01:06 +0200 Subject: feat(hub): Videos and Music list their cards a page at a time MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Previous/next arrows in the pinned toolbar, on group pages and in Search. Page size is an account preference (Settings → Defaults), 50 by default, 10 to 200 in steps of 10. Co-Authored-By: Claude Opus 5 --- packages/meshbay-hub/src/meshbay_hub/static/style.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css') diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css index bae1a82..049db0f 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/style.css +++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css @@ -3613,6 +3613,24 @@ h2 .gn-owner, h3 .gn-owner { font-size: 0.55em; } } .video-toolbar .tb-search { margin-left: auto; } +/* The page arrows (pager.js): pushed to the right edge, just before the filter + when there is one — on a phone the filter wraps onto its own line and the + arrows stay with the controls. */ +.video-toolbar .tb-pager { margin-left: auto; } +.video-toolbar .tb-pager + .tb-search { margin-left: 0; } +.tb-pager { + display: inline-flex; + align-items: center; + gap: 6px; + flex-shrink: 0; +} +.tb-pager-range { + font-size: 0.83em; + color: var(--text-dim); + white-space: nowrap; + font-variant-numeric: tabular-nums; +} + /* All/Movies/Series — a segmented control, not three separate .tb-btn: the three are mutually exclusive (unlike the view-mode buttons, which read fine standalone), and grouping them under one shared border is what says -- cgit v1.2.3