Nojs info: fix invisible uptime counter taking up space

Also adds "visibility: hidden;" to `disappear`. It would replace
"opacity: 0;" but Firefox acts weird with only visibility set, it only
half works until you switch between desktop and mobile view. IDK this
isn't that important.
このコミットが含まれているのは:
n9k 2022-06-15 10:14:21 +00:00
コミット 55a713991c
1個のファイルの変更6行の追加3行の削除

ファイルの表示

@ -75,13 +75,13 @@
animation: appear step-end both;
}
#m1 {
animation-duration: {{ 600 - uptime }}s;
animation-delay: {{ 600 - uptime }}s;
}
#h0 {
animation-duration: {{ 3600 - uptime }}s;
animation-delay: {{ 3600 - uptime }}s;
}
#h1 {
animation-duration: {{ 36000 - uptime }}s;
animation-delay: {{ 36000 - uptime }}s;
}
#uptime-dynamic {
animation: disappear step-end {{ 360000 - uptime }}s forwards;
@ -95,12 +95,15 @@
@keyframes appear {
from {
width: 0;
height: 0;
visibility: hidden;
}
}
@keyframes disappear {
to {
width: 0;
height: 0;
visibility: hidden;
opacity: 0;
}
}