From 8e4c88c10c84a9e2ee22d54eb6ce567fec16ac67 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Tue, 17 Feb 2026 14:59:21 +0200 Subject: [PATCH] ui/pager: add support for custom alignment --- apps/client/src/widgets/collections/Pagination.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/client/src/widgets/collections/Pagination.css b/apps/client/src/widgets/collections/Pagination.css index 00d2fb4b95..93ee13a76d 100644 --- a/apps/client/src/widgets/collections/Pagination.css +++ b/apps/client/src/widgets/collections/Pagination.css @@ -2,6 +2,7 @@ --note-list-pager-page-button-width: 40px; --note-list-pager-page-button-gap: 3px; --note-list-pager-ellipsis-width: 20px; + --note-list-pager-justify-content: flex-end; --note-list-pager-current-page-button-background-color: var(--button-group-active-button-background); --note-list-pager-current-page-button-text-color: var(--button-group-active-button-text-color); @@ -9,7 +10,7 @@ .note-list-pager-container { display: flex; - justify-content: flex-end; + flex-direction: column; width: 100%; container: note-list-pager / inline-size; } @@ -18,6 +19,7 @@ display: flex; align-items: center; font-size: .8rem; + align-self: var(--note-list-pager-justify-content); .note-list-pager-nav-button { --icon-button-icon-ratio: .75;