mirror of
https://codeberg.org/vlw/vlw.se.git
synced 2026-04-13 01:39:40 +02:00
fix: remove broken loading spinner
This commit is contained in:
parent
f03800653d
commit
38fb61f1aa
2 changed files with 4 additions and 30 deletions
|
|
@ -89,32 +89,6 @@ h3 {
|
||||||
font-size: 25px;
|
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 */
|
/* ## Buttons */
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
|
@ -138,7 +112,7 @@ button.inline {
|
||||||
}
|
}
|
||||||
|
|
||||||
button.inline:not(.solid) {
|
button.inline:not(.solid) {
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 0 0 2px rgba(var(--primer-color-accent), .1),
|
0 0 0 2px rgba(var(--primer-color-accent), .1),
|
||||||
10px 7px 40px 3px rgba(var(--primer-color-accent), .06)
|
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 {
|
button.inline:not(.solid):hover {
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 0 0 2px rgba(var(--primer-color-accent), 1),
|
0 0 0 2px rgba(var(--primer-color-accent), 1),
|
||||||
10px 7px 30px 3px rgba(var(--primer-color-accent), .07)
|
10px 7px 30px 3px rgba(var(--primer-color-accent), .07)
|
||||||
;
|
;
|
||||||
|
|
@ -486,7 +460,7 @@ search-results .info :is(svg, img) {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
height: calc(100svh - 100px);
|
height: calc(100svh - 100px);
|
||||||
background-color: rgba(0, 0, 0, .8);
|
background-color: rgba(0, 0, 0, .8);
|
||||||
box-shadow:
|
box-shadow:
|
||||||
inset 0 0 100px 200px rgba(0, 0, 0, 1),
|
inset 0 0 100px 200px rgba(0, 0, 0, 1),
|
||||||
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);
|
border: dashed 1px rgba(255, 255, 255, .3);
|
||||||
padding: 13px var(--padding);
|
padding: 13px var(--padding);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
border-color: var(--color-accent);
|
border-color: var(--color-accent);
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Loading…
Add table
Reference in a new issue