From 32a81df82ab771aedf03997e11901dcb298ca82a Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Thu, 11 Apr 2024 18:40:21 +1000
Subject: [PATCH] Add fade in transition to work out start date, tags, & note

---
 templates/partials/start_date.html   | 2 +-
 templates/partials/tags.html         | 2 +-
 templates/partials/workout_note.html | 2 +-
 templates/partials/workout_tags.html | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/partials/start_date.html b/templates/partials/start_date.html
index 1301030..9e0a4a1 100644
--- a/templates/partials/start_date.html
+++ b/templates/partials/start_date.html
@@ -1,4 +1,4 @@
-<div id="edit-start-date" hx-target="this" hx-swap="outerHTML swap:0.5s">
+<div id="edit-start-date" hx-target="this" hx-swap="outerHTML swap:0.5s" class="animate-fadeIn">
     {% if is_edit|default(false, true) == false %}
     <span class="text-base font-normal text-gray-500">{{ strftime(start_date, "%b %d %Y") }}</span>
     <a class="text-sm font-medium text-cyan-600 hover:bg-gray-100 rounded-lg inline-flex items-center p-2 cursor-pointer"
diff --git a/templates/partials/tags.html b/templates/partials/tags.html
index f4e40b2..c6cf986 100644
--- a/templates/partials/tags.html
+++ b/templates/partials/tags.html
@@ -1,4 +1,4 @@
-<div class="flex w-full flex-wrap justify-center">
+<div class="flex w-full flex-wrap justify-center animate-fadeIn">
 
     {% for t in tags %}
     <div data-te-chip-init data-te-ripple-init
diff --git a/templates/partials/workout_note.html b/templates/partials/workout_note.html
index 549284a..33f4072 100644
--- a/templates/partials/workout_note.html
+++ b/templates/partials/workout_note.html
@@ -1,4 +1,4 @@
-<div id="workout-note-{{workout_id}}" hx-target="this" hx-swap="outerHTML swap:0.5s">
+<div id="workout-note-{{workout_id}}" hx-target="this" hx-swap="outerHTML swap:0.5s" class="animate-fadeIn">
     {% if is_edit|default(false, true) == false %}
     {% if note|length > 0 %}
     <span class="text-base font-normal text-gray-500 whitespace-normal">{{ note | replace('\n', '<br>') | safe }}</span>
diff --git a/templates/partials/workout_tags.html b/templates/partials/workout_tags.html
index 807d092..e1b34f6 100644
--- a/templates/partials/workout_tags.html
+++ b/templates/partials/workout_tags.html
@@ -23,7 +23,7 @@
 
     </span>
 </div>
-<div id="tag-form-w-{{ workout_id }}" class="hidden pt-2 pb-3">
+<div id="tag-form-w-{{ workout_id }}" class="hidden pt-2 pb-3 animate-fadeIn">
 
     <span class="text-base font-normal text-gray-500">Add tag to workout</span>