vlw/victorwesterlund.com
1
0
Fork 0
mirror of https://codeberg.org/vlw/victorwesterlund.com.git synced 2025-09-14 03:23:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

dev21w43c

Browse source
This commit is contained in:
Victor Westerlund 2021-10-26 00:19:26 +02:00
parent daff5c7a01
commit 65632140d8
3 changed files with 30 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
public/assets/css/search.css
View file

@ -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) {

1
public/search.html
View file

@ -9,6 +9,7 @@
<link rel="icon" href="assets/img/favicon.png">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/search.css">
<link rel="preload" as="font" href="assets/fonts/RobotoMono-Bold.woff2">
</head>
<body>
<header>

2
src/search/templates/result_about.html
View file

@ -1,5 +1,5 @@
<div class="resultsFooter">
<svg id="previous"><polygon points="40,10 0,20 40,30"/></svg>
<p>showing %s/%s results (query took %s seconds)</p>
<p>showing %s/%s results<span> (query took %s seconds)</span></p>
<svg id="next"><polygon points="0,10 40,20 0,30"/></svg>
</div>