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