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;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
}
|
||||
|
|
読み込み中…
新しいイシューから参照