From ed13e2d03d6d1efb20e0ef4b2cfd195b8b048148 Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Sat, 30 Dec 2023 14:06:30 +1300
Subject: [PATCH] voting button ajax spinner - css tweak

---
 app/static/structure.css                     | 1 +
 app/static/structure.scss                    | 1 +
 app/templates/post/_post_voting_buttons.html | 4 ++--
 app/templates/post/_voting_buttons.html      | 4 ++--
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/static/structure.css b/app/static/structure.css
index 99bf589f..874a79b2 100644
--- a/app/static/structure.css
+++ b/app/static/structure.css
@@ -593,6 +593,7 @@ fieldset legend {
   height: 20px;
   right: 14px;
   top: 5px;
+  opacity: 1 !important;
 }
 .voting_buttons .htmx-request.htmx-indicator {
   display: inline;
diff --git a/app/static/structure.scss b/app/static/structure.scss
index 22744ffd..17e465b2 100644
--- a/app/static/structure.scss
+++ b/app/static/structure.scss
@@ -299,6 +299,7 @@ nav, etc which are used site-wide */
     height: 20px;
     right: 14px;
     top: 5px;
+    opacity: 1!important;
   }
   .htmx-request.htmx-indicator{
     display:inline;
diff --git a/app/templates/post/_post_voting_buttons.html b/app/templates/post/_post_voting_buttons.html
index 24892934..aae632bc 100644
--- a/app/templates/post/_post_voting_buttons.html
+++ b/app/templates/post/_post_voting_buttons.html
@@ -3,13 +3,13 @@
  hx-post="/post/{{ post.id }}/upvote" hx-trigger="click throttle:1s" hx-target="closest .voting_buttons">
         <span class="fe fe-arrow-up"></span>
         {{ post.up_votes }}
-        <img class="htmx-indicator" src="/static/images/spinner.svg" alt="">
+        <img class="htmx-indicator" src="/static/images/spinner.svg" alt="" style="opacity: 0;">
 </div>
 <div class="downvote_button digits_{{ digits(post.down_votes) }} {{ downvoted_class }}"
  hx-post="/post/{{ post.id }}/downvote" hx-trigger="click throttle:1s" hx-target="closest .voting_buttons">
         <span class="fe fe-arrow-down"></span>
         {{ post.down_votes }}
-        <img class="htmx-indicator" src="/static/images/spinner.svg" alt="">
+        <img class="htmx-indicator" src="/static/images/spinner.svg" alt="" style="opacity: 0;">
 </div>
 {% else %}
 <div class="upvote_button digits_{{ digits(post.up_votes) }} {{ upvoted_class }}">
diff --git a/app/templates/post/_voting_buttons.html b/app/templates/post/_voting_buttons.html
index a1c63200..79967583 100644
--- a/app/templates/post/_voting_buttons.html
+++ b/app/templates/post/_voting_buttons.html
@@ -3,13 +3,13 @@
  hx-post="/comment/{{ comment.id }}/upvote" hx-trigger="click throttle:1s" hx-target="closest .voting_buttons">
         <span class="fe fe-arrow-up"></span>
         {{ comment.up_votes }}
-        <img class="htmx-indicator" src="/static/images/spinner.svg" alt="">
+        <img class="htmx-indicator" src="/static/images/spinner.svg" alt="" style="opacity: 0;">
 </div>
 <div class="downvote_button digits_{{ digits(comment.down_votes) }} {{ downvoted_class }}"
  hx-post="/comment/{{ comment.id }}/downvote" hx-trigger="click throttle:1s" hx-target="closest .voting_buttons">
         <span class="fe fe-arrow-down"></span>
         {{ comment.down_votes }}
-        <img class="htmx-indicator" src="/static/images/spinner.svg" alt="">
+        <img class="htmx-indicator" src="/static/images/spinner.svg" alt="" style="opacity: 0;">
 </div>
 {% else %}
 <div class="upvote_button digits_{{ digits(comment.up_votes) }} {{ upvoted_class }}">