From 65632140d84ba41772b5651e669dbc6e75a1366b Mon Sep 17 00:00:00 2001 From: Victor Westerlund Date: Tue, 26 Oct 2021 00:19:26 +0200 Subject: [PATCH] dev21w43c --- public/assets/css/search.css | 31 +++++++++++++++++++++++--- public/search.html | 1 + src/search/templates/result_about.html | 2 +- 3 files changed, 30 insertions(+), 4 deletions(-) diff --git a/public/assets/css/search.css b/public/assets/css/search.css index a56e400..83cb33b 100644 --- a/public/assets/css/search.css +++ b/public/assets/css/search.css @@ -119,17 +119,32 @@ header h1 { align-items: center; } +.resultsFooter p { + text-align: center; + padding: 0 var(--padding); +} + +.resultsFooter p span:last-child { + display: none; +} + .resultsFooter svg { width: 41px; height: 40px; + flex: none; } .resultsFooter svg polygon { fill: none; - stroke: var(--swatch-contrast); + stroke: rgba(var(--palette-contrast),.1); stroke-width: 1px; } +.resultsFooter svg.active polygon { + fill: var(--swatch-contrast); + stroke: var(--swatch-contrast); +} + /* ---- */ .button { @@ -153,6 +168,12 @@ header h1 { } } +@media (min-width: 600px) { + .resultsFooter p span:last-child { + display: initial; + } +} + @media (hover: hover) { .button:hover { background-color: rgba(var(--palette-contrast),0); @@ -168,10 +189,14 @@ header h1 { /* ---- */ - .resultsFooter svg:hover polygon { - fill: var(--swatch-contrast); + .resultsFooter svg.active:hover polygon { + fill: var(--swatch-background); cursor: pointer; } + + .resultsFooter svg.active:active polygon { + fill: rgba(var(--palette-contrast),.1); + } } @media (pointer: fine) { diff --git a/public/search.html b/public/search.html index 7566ab2..b8d2445 100644 --- a/public/search.html +++ b/public/search.html @@ -9,6 +9,7 @@ +
diff --git a/src/search/templates/result_about.html b/src/search/templates/result_about.html index e9c39ae..8e3ac33 100644 --- a/src/search/templates/result_about.html +++ b/src/search/templates/result_about.html @@ -1,5 +1,5 @@
-

showing %s/%s results (query took %s seconds)

+

showing %s/%s results (query took %s seconds)

\ No newline at end of file