Theodor-Springmann-Stiftung/kgpz_web
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/kgpz_web.git synced 2025-10-29 09:05:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Some stuff

Browse Source
This commit is contained in:
Simon Martens
2025-09-29 22:20:39 +02:00
parent ff333660be
commit fdfe95a225
4 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
views/assets/scripts.js
View File

@@ -404,7 +404,7 @@ class _ extends HTMLElement {
<div <div
id="search-loading" id="search-loading"
class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 p-1 htmx-indicator"> class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 p-1 htmx-indicator">
<i class="ri-loader-4-line text-lg animate-spin"></i> <i class="ri-loader-4-line text-lg animate-spin search-loading-spin"></i>
</div> </div>
<button <button
id="search-reset" id="search-reset"

2
views/assets/style.css
View File

File diff suppressed because one or more lines are too long

2
views/transform/search.js
View File

@@ -799,7 +799,7 @@ class SearchBar extends HTMLElement {
<div <div
id="search-loading" id="search-loading"
class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 p-1 htmx-indicator"> class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 p-1 htmx-indicator">
<i class="ri-loader-4-line text-lg animate-spin"></i> <i class="ri-loader-4-line text-lg animate-spin search-loading-spin"></i>
</div> </div>
<button <button
id="search-reset" id="search-reset"

14
views/transform/site.css
View File

@@ -237,6 +237,20 @@ body.page-edition::before {
font-variant-caps: small-caps; font-variant-caps: small-caps;
} }
/* Search loading spinner animation */
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.search-loading-spin {
animation: spin 1s linear infinite;
}
@layer components { @layer components {
html { html {
font-size: 17px; font-size: 17px;