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

---
 mass-graducation/index.css  | 24 ++++++++++++++++++++++++
 mass-graducation/index.html |  1 +
 2 files changed, 25 insertions(+)

(limited to 'mass-graducation')

diff --git a/mass-graducation/index.css b/mass-graducation/index.css
index a8790b8..c1c58a8 100644
--- a/mass-graducation/index.css
+++ b/mass-graducation/index.css
@@ -35,6 +35,30 @@
   border-color: #0077ff;
 }
 
+#group-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);
+  }
+}
+
 #group-selection-list {
   list-style: none;
 }
diff --git a/mass-graducation/index.html b/mass-graducation/index.html
index 7a65745..481be41 100644
--- a/mass-graducation/index.html
+++ b/mass-graducation/index.html
@@ -17,6 +17,7 @@
         placeholder="Klasse"
       />
       <button id="group-selection-clear" style="display: none;">&times;</button>
+      <span id="group-selection-loader" style="display: none;"></span>
     </div>
     <ul id="group-selection-list">
     </ul>
-- 
cgit v1.2.3