From 55a713991c8150f96fbfbf13ed24928d528d8bff Mon Sep 17 00:00:00 2001
From: n9k <originalcocaineninja@protonmail.com>
Date: Wed, 15 Jun 2022 10:14:21 +0000
Subject: [PATCH] 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.
---
 anonstream/templates/nojs_info.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/anonstream/templates/nojs_info.html b/anonstream/templates/nojs_info.html
index 5ce88fe..c770f50 100644
--- a/anonstream/templates/nojs_info.html
+++ b/anonstream/templates/nojs_info.html
@@ -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;
         }
       }