From 8e7291e5bfc631459dc246ae1b89ed5bece85eba Mon Sep 17 00:00:00 2001 From: Halfdan Mouritzen Date: Thu, 18 Jan 2024 10:28:59 +0100 Subject: [PATCH] CSS : Pagination --- src/project/static/css/style.css | 42 ++++++++++++++++++++++++++++++-- 1 file changed, 40 insertions(+), 2 deletions(-) diff --git a/src/project/static/css/style.css b/src/project/static/css/style.css index 9436c33..b10458e 100644 --- a/src/project/static/css/style.css +++ b/src/project/static/css/style.css @@ -441,10 +441,48 @@ span.time_remaining { display : flex; justify-content : center; list-style : none; - padding : 0; + padding : var(--half-space) 0; margin : 0; } .pagination > li { - margin : 0 var(--half-space); + margin : 0 var(--half-space); +} + +.pagination > li:first-child { + margin-right : var(--double-space); +} + +.pagination > li:last-child { + margin-left : var(--double-space); +} + +.pagination .page-item { + border : 1px solid var(--fade); + padding : var(--quarter-space) var(--half-space); + border-radius : var(--half-space); + background : var(--light-dust); + font-size : 0.78em; +} + +.pagination .page-link { + padding : var(--half-space); + color : var(--twilight); +} + +.pagination .page-item.active { + background : var(--twilight); +} + +.pagination .page-item.active .page-link { + color : var(--light-dust); + font-weight : bold; +} + +.pagination .page-item.disabled { + opacity : 0.6; +} + +.pagination .page-item.disabled .page-link { + cursor : default; }