add loader to selection

1 files changed, 24 insertions, 0 deletions

diff --git a/cockpit/index.css b/cockpit/index.css
index a206067..a6435ad 100644
--- a/cockpit/index.css
+++ b/cockpit/index.css
@@ -35,6 +35,30 @@
   border-color: #0077ff;
 }
 
+#student-selection-loader {
+  --size: 0.5px;
+  width: calc(48 * var(--size));
+  height: calc(48 * var(--size));
+  border: calc(5 * var(--size)) solid black;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline;
+  position: absolute;
+  top: 20px;
+  right: 0.75rem;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
 #student-selection-list {
   list-style: none;
 }