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.
このコミットが含まれているのは:
コミット
55a713991c
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
読み込み中…
新しいイシューから参照