michael/pyfedi
1
0
Fork 0
mirror of https://codeberg.org/rimu/pyfedi synced 2025-01-23 19:36:56 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

voting button ajax spinner - css tweak

Browse source
This commit is contained in:
rimu 2023-12-30 14:06:30 +13:00
parent 68e1bb26df
commit ed13e2d03d
4 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/static/structure.css
View file

@ -593,6 +593,7 @@ fieldset legend {
height: 20px; height: 20px;
right: 14px; right: 14px;
top: 5px; top: 5px;
opacity: 1 !important;
} }
.voting_buttons .htmx-request.htmx-indicator { .voting_buttons .htmx-request.htmx-indicator {
display: inline; display: inline;

1
app/static/structure.scss
View file

@ -299,6 +299,7 @@ nav, etc which are used site-wide */
height: 20px; height: 20px;
right: 14px; right: 14px;
top: 5px; top: 5px;
opacity: 1!important;
} }
.htmx-request.htmx-indicator{ .htmx-request.htmx-indicator{
display:inline; display:inline;

4
app/templates/post/_post_voting_buttons.html
View file

@ -3,13 +3,13 @@
hx-post="/post/{{ post.id }}/upvote" hx-trigger="click throttle:1s" hx-target="closest .voting_buttons"> hx-post="/post/{{ post.id }}/upvote" hx-trigger="click throttle:1s" hx-target="closest .voting_buttons">
<span class="fe fe-arrow-up"></span> <span class="fe fe-arrow-up"></span>
{{ post.up_votes }} {{ 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>
<div class="downvote_button digits_{{ digits(post.down_votes) }} {{ downvoted_class }}" <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"> hx-post="/post/{{ post.id }}/downvote" hx-trigger="click throttle:1s" hx-target="closest .voting_buttons">
<span class="fe fe-arrow-down"></span> <span class="fe fe-arrow-down"></span>
{{ post.down_votes }} {{ 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> </div>
{% else %} {% else %}
<div class="upvote_button digits_{{ digits(post.up_votes) }} {{ upvoted_class }}"> <div class="upvote_button digits_{{ digits(post.up_votes) }} {{ upvoted_class }}">

4
app/templates/post/_voting_buttons.html
View file

@ -3,13 +3,13 @@
hx-post="/comment/{{ comment.id }}/upvote" hx-trigger="click throttle:1s" hx-target="closest .voting_buttons"> hx-post="/comment/{{ comment.id }}/upvote" hx-trigger="click throttle:1s" hx-target="closest .voting_buttons">
<span class="fe fe-arrow-up"></span> <span class="fe fe-arrow-up"></span>
{{ comment.up_votes }} {{ 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>
<div class="downvote_button digits_{{ digits(comment.down_votes) }} {{ downvoted_class }}" <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"> hx-post="/comment/{{ comment.id }}/downvote" hx-trigger="click throttle:1s" hx-target="closest .voting_buttons">
<span class="fe fe-arrow-down"></span> <span class="fe fe-arrow-down"></span>
{{ comment.down_votes }} {{ 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> </div>
{% else %} {% else %}
<div class="upvote_button digits_{{ digits(comment.up_votes) }} {{ upvoted_class }}"> <div class="upvote_button digits_{{ digits(comment.up_votes) }} {{ upvoted_class }}">