added a spinner for the pre-bootstrap phase

2026-08-18 15:26:04 +01:00 · 2021-11-14 16:54:51 +01:00
parent dd5bf0773e
commit e1b0d01ac3
4 changed files with 56 additions and 3 deletions
--- a/frontend/src/terminal-styles.scss
+++ b/frontend/src/terminal-styles.scss
@@ -0,0 +1,44 @@
+.pre-bootstrap-spinner {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    width: 50px;
+    height: 20px;
+    margin-left: -25px;
+
+    .spinner {
+        display: inline-block;
+        position: relative;
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background: #fff;
+        animation: spinner ease infinite 1s;
+        opacity: 0.7;
+
+        &.n2 {
+            animation-delay: -0.33s;
+        }
+
+        &.n3 {
+            animation-delay: -0.66s;
+        }
+    }
+}
+
+@keyframes spinner {
+    0% {
+        left: -20px;
+        top: 0;
+    }
+
+    50% {
+        left: 20px;
+        top: 0;
+    }
+
+    100% {
+        left: -20px;
+        top: 0;
+    }
+}