fix: remove broken loading spinner (#67)

In this PR we remove the loading spinner that we have between page loads. It might seem like a good thing to have, but the `vv-loading` attribute in the version of Vegvisir this site is running is broken and only displays the spinner for a few frames regardless if the page has been loaded or not. We really need #66. When that finally happens, I will design a better loading screen anyways.

Reviewed-on: https://codeberg.org/vlw/vlw.se/pulls/67
This commit is contained in:
Victor Westerlund 2026-03-14 08:29:57 +01:00
parent 126e84b1eb
commit aa884a10bf
2 changed files with 4 additions and 30 deletions

View file

@ -89,32 +89,6 @@ h3 {
font-size: 25px;
}
/* ## Page transition */
[vv-loading] * {
transition: 200ms opacity;
}
[vv-loading="true"] * {
opacity: 0;
pointer-events: none;
}
[vv-loading="true"]::after {
content: "";
position: fixed;
top: 50%;
left: 50%;
width: 45px;
height: 49px;
background-size: contain;
image-rendering: pixelated;
transform: translate(-50%, -50%);
background-image: url("/assets/media/spinner.gif");
-webkit-filter: hue-rotate(var(--hue-accent));
filter: hue-rotate(var(--hue-accent));
}
/* ## Buttons */
button {
@ -138,7 +112,7 @@ button.inline {
}
button.inline:not(.solid) {
box-shadow:
box-shadow:
0 0 0 2px rgba(var(--primer-color-accent), .1),
10px 7px 40px 3px rgba(var(--primer-color-accent), .06)
;
@ -392,7 +366,7 @@ search-results .info :is(svg, img) {
}
button.inline:not(.solid):hover {
box-shadow:
box-shadow:
0 0 0 2px rgba(var(--primer-color-accent), 1),
10px 7px 30px 3px rgba(var(--primer-color-accent), .07)
;
@ -486,7 +460,7 @@ search-results .info :is(svg, img) {
width: 50%;
height: calc(100svh - 100px);
background-color: rgba(0, 0, 0, .8);
box-shadow:
box-shadow:
inset 0 0 100px 200px rgba(0, 0, 0, 1),
0 0 100px 200px rgba(0, 0, 0, 1)
;
@ -511,7 +485,7 @@ search-results .info :is(svg, img) {
border: dashed 1px rgba(255, 255, 255, .3);
padding: 13px var(--padding);
border-radius: 6px;
&:hover {
border-color: var(--color-accent);
background-color: transparent;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB