From 3e427b7b58926539ea7a15be77a7b3bb9700b78b Mon Sep 17 00:00:00 2001 From: Kibi Kelburton Date: Thu, 28 May 2026 08:10:30 +0200 Subject: [PATCH] pagination now correctly centers in available space --- public/s/css/f0ckm.css | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css index 444fa37..0be8e7b 100644 --- a/public/s/css/f0ckm.css +++ b/public/s/css/f0ckm.css @@ -2155,6 +2155,11 @@ body.sidebar-right-hidden .global-sidebar-right { right: -280px !important; } + /* Mobile: pagination container right-edge tracks the 280px mobile sidebar */ + .pagination-container-fluid { + right: 280px; + } + #sidebar-right-toggle { top: 80% !important; transform: none !important; @@ -4152,15 +4157,22 @@ span.placeholder { .pagination-container-fluid { display: flex; margin-left: 0; - width: 100%; + /* width is auto so right-edge offset shrinks the available space */ justify-content: center; position: fixed; bottom: 0; left: 0; - right: 0; + /* Match sidebar width so centering is relative to the content area */ + right: 300px; pointer-events: none; - /* Allow clicking through container if needed, but not on wrapper */ z-index: 10; + /* Mirror the sidebar slide transition */ + transition: right 0.3s ease-in-out; +} + +/* Sidebar hidden — reclaim the full width */ +body.sidebar-right-hidden .pagination-container-fluid { + right: 0; } .bottom-pagination.fixed-pagination {