Search Indicators

views/transform/site.css

@@ -484,7 +484,35 @@
 		/*direction: rtl;*/
 	}
 
+	body .request-indicator {
+		@apply !hidden;
+	}
+
+	.spinning {
+		animation: spin 1s ease-out infinite;
+	}
+
+	body.htmx-request #simplesearchform #sumbmitbutton {
+		@apply cursor-wait pointer-events-none;
+	}
+
+	body.htmx-request .request-indicator {
+		@apply !inline-block;
+	}
+
 	.tab-list-head[aria-pressed="true"] {
 		@apply !text-slate-900 bg-stone-50;
 	}
+
+	@keyframes spin {
+		0% {
+			transform: rotate(0deg);
+		}
+		80% {
+			transform: rotate(360deg);
+		} /* Most rotation happens early */
+		100% {
+			transform: rotate(360deg);
+		} /* Pause at the final position */
+	}
 }