diff options
| author | Florian Fischer <florian.fischer@muhq.space> | 2026-07-12 13:58:57 +0200 |
|---|---|---|
| committer | Florian Fischer <florian.fischer@muhq.space> | 2026-07-12 13:58:57 +0200 |
| commit | 0c57fde6a995be81068b43cff8f0ec25530f2301 (patch) | |
| tree | 1d4d2cd7426c6365475905d5481ff4c9ac43ffe6 /cockpit | |
| parent | d09eb5e6348ffba76454df871f91d9cd15c20635 (diff) | |
| download | bycs-sol-0c57fde6a995be81068b43cff8f0ec25530f2301.tar.gz bycs-sol-0c57fde6a995be81068b43cff8f0ec25530f2301.zip | |
add loader to selection
Diffstat (limited to 'cockpit')
| -rw-r--r-- | cockpit/index.css | 24 | ||||
| -rw-r--r-- | cockpit/index.html | 3 |
2 files changed, 26 insertions, 1 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; } 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;">×</button> + <button id="student-selection-clear" style="display: none;">×</button> + <span id="student-selection-loader" style="display: none;"></span> </div> <ul id="student-selection-list"> </ul> |