From 0c57fde6a995be81068b43cff8f0ec25530f2301 Mon Sep 17 00:00:00 2001
From: Florian Fischer <florian.fischer@muhq.space>
Date: Sun, 12 Jul 2026 13:58:57 +0200
Subject: add loader to selection

---
 cockpit/index.css  | 24 ++++++++++++++++++++++++
 cockpit/index.html |  3 ++-
 2 files changed, 26 insertions(+), 1 deletion(-)

(limited to 'cockpit')

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;
 }
diff --git a/cockpit/index.html b/cockpit/index.html
index cea2c60..520b1f3 100644
--- a/cockpit/index.html
+++ b/cockpit/index.html
@@ -17,7 +17,8 @@
       class="student-selection"
       placeholder="Vorname Nachname Klasse"
     />
-    <button id="student-selection-clear" display="style: none;">&times;</button>
+    <button id="student-selection-clear" style="display: none;">&times;</button>
+    <span id="student-selection-loader" style="display: none;"></span>
   </div>
   <ul id="student-selection-list">
   </ul>
-- 
cgit v1.2.3