pagination now correctly centers in available space

This commit is contained in:
2026-05-28 08:10:30 +02:00
parent ac1d710811
commit 3e427b7b58

View File

@@ -2155,6 +2155,11 @@ body.sidebar-right-hidden .global-sidebar-right {
right: -280px !important; right: -280px !important;
} }
/* Mobile: pagination container right-edge tracks the 280px mobile sidebar */
.pagination-container-fluid {
right: 280px;
}
#sidebar-right-toggle { #sidebar-right-toggle {
top: 80% !important; top: 80% !important;
transform: none !important; transform: none !important;
@@ -4152,15 +4157,22 @@ span.placeholder {
.pagination-container-fluid { .pagination-container-fluid {
display: flex; display: flex;
margin-left: 0; margin-left: 0;
width: 100%; /* width is auto so right-edge offset shrinks the available space */
justify-content: center; justify-content: center;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; /* Match sidebar width so centering is relative to the content area */
right: 300px;
pointer-events: none; pointer-events: none;
/* Allow clicking through container if needed, but not on wrapper */
z-index: 10; 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 { .bottom-pagination.fixed-pagination {