v0.5.12: Fix HTMX indicator CSS - use opacity for visibility

matteius · matteius · commit 44e00f14ac48 · 2026-01-18T14:29:28.000-05:00
diff --git a/django_forms_workflows/__init__.py b/django_forms_workflows/__init__.py
@@ -3,7 +3,7 @@
 Enterprise-grade, database-driven form builder with approval workflows
 """
 
-__version__ = "0.5.11"
+__version__ = "0.5.12"
 __author__ = "Django Forms Workflows Contributors"
 __license__ = "LGPL-3.0-only"
 
diff --git a/django_forms_workflows/templates/django_forms_workflows/approve.html b/django_forms_workflows/templates/django_forms_workflows/approve.html
@@ -102,9 +102,9 @@ <h5 class="mb-0">Your Decision</h5>
 
 {% block extra_css %}
 <style>
-    .htmx-indicator { display: none; }
-    .htmx-request .htmx-indicator { display: inline-block; }
-    .htmx-request button[type=submit] { opacity: 0.6; }
+    .htmx-indicator { opacity: 0; transition: opacity 200ms ease-in; }
+    .htmx-request .htmx-indicator, .htmx-request.htmx-indicator { opacity: 1; }
+    form.htmx-request button[type=submit] { opacity: 0.6; pointer-events: none; }
 </style>
 {% endblock %}
 
diff --git a/pyproject.toml b/pyproject.toml
@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "django-forms-workflows"
-version = "0.5.11"
+version = "0.5.12"
 description = "Enterprise-grade, database-driven form builder with approval workflows and external data integration"
 license = "LGPL-3.0-only"
 readme = "README.md"
