From aeb46bd07312b6d3ed0c9ed414d298306158c319 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Mon, 14 Aug 2023 22:28:28 +1000
Subject: [PATCH] Occasionally workout tags form wouldnt open, unsure what root
 cause is as I could see dom being updated in dev tools. Attempting to change
 hide/show logic (will add logs if doesnt work)

---
 templates/partials/workout_tags.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/partials/workout_tags.html b/templates/partials/workout_tags.html
index aab591a..c9dc99d 100644
--- a/templates/partials/workout_tags.html
+++ b/templates/partials/workout_tags.html
@@ -4,18 +4,18 @@
         }}
     </div>
     <span id="tag-form-show-w-{{ workout_id }}" class="cursor-pointer" _="on click 
-            toggle .hidden on #tag-form-w-{{ workout_id }}
-            then toggle .hidden on #tag-form-hide-w-{{ workout_id }}
-            then toggle .hidden on me">
+            remove .hidden from #tag-form-w-{{ workout_id }}
+            then remove .hidden from #tag-form-hide-w-{{ workout_id }}
+            then add .hidden">
         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
             class="w-6 h-6" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: currentColor;">
             <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path>
         </svg>
     </span>
     <span id="tag-form-hide-w-{{ workout_id }}" _="on click 
-    toggle .hidden on #tag-form-w-{{ workout_id }}
-    then toggle .hidden on #tag-form-show-w-{{ workout_id }}
-    then toggle .hidden on me" class="cursor-pointer hidden">
+    add .hidden to #tag-form-w-{{ workout_id }}
+    then remove .hidden from #tag-form-show-w-{{ workout_id }}
+    then add .hidden" class="cursor-pointer hidden">
         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
             class="w-6 h-6">
             <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15" />