disable htmx auto include styles for spinner

DrCBeatz · Dec 11, 2023 · d6c1a48 · d6c1a48
1 parent 56df25a
commit d6c1a48
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/static/css/vc_home.css b/static/css/vc_home.css
@@ -21,3 +21,14 @@
 .fade-delay-3 {
   animation-delay: 0.6s;
 }
+
+.htmx-indicator {
+  opacity: 0;
+  transition: opacity 200ms ease-in;
+}
+.htmx-request .htmx-indicator {
+  opacity: 1;
+}
+.htmx-request.htmx-indicator {
+  opacity: 1;
+}
diff --git a/static/js/_base.js b/static/js/_base.js
@@ -1,4 +1,8 @@
-document.addEventListener('htmx:afterRequest', function(evt) {
+if (window.htmx) {
+    htmx.config.includeIndicatorStyles = false;
+}
+
+document.addEventListener('htmx:afterRequest', function (evt) {
     changeSelectedExpert();
 });