diff --git a/shaarli-pro/css/style.css b/shaarli-pro/css/style.css index ac331f0..d9622b8 100644 --- a/shaarli-pro/css/style.css +++ b/shaarli-pro/css/style.css @@ -1068,6 +1068,111 @@ input:checked+.theme-slider:before { color: white; } +/* ===== Pagination ===== */ +.paging { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.75rem; + flex-wrap: wrap; + width: 100%; + margin: 1.25rem 0 0; + padding: 0.75rem 0.9rem; + border: 1px solid var(--border); + border-radius: 0.75rem; + background: var(--bg-card); +} + +.content-toolbar .paging { + margin: 0; + padding: 0; + border: 0; + border-radius: 0; + background: transparent; +} + +.paging-links { + display: inline-flex; + align-items: center; + gap: 0.5rem; +} + +.paging-newer, +.paging-older { + display: inline-flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + border-radius: 0.5rem; + border: 1px solid var(--border); + color: var(--text-secondary); + background: var(--bg-body); + text-decoration: none; + transition: all 0.15s ease; +} + +.paging-newer:hover, +.paging-older:hover { + border-color: var(--primary); + color: var(--primary); + background: var(--primary-light); +} + +.paging-current { + font-size: 0.86rem; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.03em; +} + +.paging-current strong { + color: var(--text-main); +} + +.paging-stats { + font-size: 1.05rem; + font-weight: 600; + color: var(--text-main); +} + +.paging.single-page .paging-stats { + font-size: 0.95rem; +} + +.paging-plugin { + display: inline-flex; + align-items: center; +} + +.paging-plugin a { + display: inline-flex; + align-items: center; + justify-content: center; + min-width: 30px; + min-height: 30px; + padding: 0.2rem 0.45rem; + border-radius: 0.45rem; + border: 1px solid var(--border); + background: var(--bg-body); + color: var(--text-secondary); + text-decoration: none; +} + +body.view-notes .paging { + margin-top: 1rem; +} + +@media (max-width: 768px) { + .paging { + padding: 0.65rem 0.75rem; + } + + .paging-stats { + width: 100%; + order: -1; + } +} /* ===== Links Grid/List ===== */ .links-list { diff --git a/shaarli-pro/linklist.paging.html b/shaarli-pro/linklist.paging.html index 801a783..e6cee56 100644 --- a/shaarli-pro/linklist.paging.html +++ b/shaarli-pro/linklist.paging.html @@ -13,6 +13,11 @@ {/if} {$from=($page_current - 1) * $links_per_page + 1} {$to=min($total, ($page_current - 1) * $links_per_page + $links_per_page)} +{if="!empty($search_tags) && stripos($search_tags, 'note') !== false"} +{$paging_label="Notes"} +{else} +{$paging_label="Bookmarks"} +{/if}