Improve disconnection/reconnection UX

2022-06-23 05:08:53 +00:00
parent 839d4f3f8a
commit fff6d7ecad
8 changed files with 75 additions and 21 deletions
@@ -48,3 +48,27 @@ div.message div.icon {
  white-space: pre-wrap;
  word-break: break-all;
 }
+
+.dotdotdot:before {
+  @keyframes dots {
+    0%,
+    20% {
+      content: '.';
+    }
+    40% {
+      content: '..';
+    }
+    60% {
+      content: '...';
+    }
+    90%,
+    100% {
+      content: '';
+    }
+  }
+
+  animation: dots 2s linear infinite;
+  content: '';
+  display: inline-block;
+  width: 3em;
+}