From 876697bdff7e03d98a7a426895b4e5dcc07c5a88 Mon Sep 17 00:00:00 2001 From: erdgeist Date: Sat, 11 Jul 2026 00:53:53 +0200 Subject: Style admin pagination widget, add missing locale keys Pagination had almost no styling, and its current-page selector never matched will_paginate's actual markup. Added chip-style page links, a solid current-page indicator, and distinct disabled states for Previous/Next. Previous/Next/gap rendered as empty, unlabeled elements -- will_paginate only ships English translations and this app defaults to German. Added previous_label/next_label/page_gap to en.yml and de.yml. --- public/stylesheets/admin.css | 42 +++++++++++++++++++++++++++++++++++++++++- 1 file changed, 41 insertions(+), 1 deletion(-) (limited to 'public/stylesheets/admin.css') diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index 4723f50..28b8494 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css @@ -240,12 +240,52 @@ span.warning a { div.pagination { padding-top: 5px; padding-bottom: 15px; + display: flex; + align-items: center; + gap: 0.35rem; +} + +div.pagination a, +div.pagination em.current, +div.pagination span.gap { + display: inline-flex; + align-items: center; + justify-content: center; + min-width: 1.75rem; + height: 1.75rem; + padding: 0 0.4rem; + border-radius: 4px; + font-style: normal; +} + +div.pagination a { + text-decoration: underline; + text-decoration-style: wavy; + text-decoration-color: #b0b0b0; + text-decoration-thickness: 1px; + text-underline-offset: 2px; } -div.pagination span.current, div.pagination a:hover { +div.pagination a:hover { color: #ff9600; } +div.pagination em.current { + background-color: #ff9600; + color: #ffffff; + font-weight: bold; +} + +div.pagination span.gap { + color: #969696; +} + +div.pagination .previous_page.disabled, +div.pagination .next_page.disabled { + color: #969696; + cursor: not-allowed; +} + /* ============================================================ Buttons ============================================================ */ -- cgit v1.3