Uses has-addons css for interact buttons

This commit is contained in:
Mouse Reeve 2021-01-17 10:45:25 -08:00
parent c6e5b33970
commit e64507e50d
2 changed files with 13 additions and 5 deletions
bookwyrm/templates

View file

@ -143,7 +143,7 @@
{% endif %} {% endif %}
<div class="block"> <div class="block">
{% include 'snippets/toggle/open_button.html' with text="Add read dates" controls_text="add-readthrough" %} {% include 'snippets/toggle/open_button.html' with text="Add read dates" controls_text="add-readthrough" %}
<div class="toggle-content hidden box" id="add-readthrough"> <div class="hidden box" id="add-readthrough">
<form name="add-readthrough" action="/create-readthrough" method="post"> <form name="add-readthrough" action="/create-readthrough" method="post">
{% include 'snippets/readthrough_form.html' with readthrough=None %} {% include 'snippets/readthrough_form.html' with readthrough=None %}
<div class="field is-grouped"> <div class="field is-grouped">

View file

@ -18,9 +18,17 @@
{% block card-footer %} {% block card-footer %}
<div class="card-footer-item"> <div class="card-footer-item">
{% if request.user.is_authenticated %} {% if request.user.is_authenticated %}
{% include 'snippets/toggle/toggle_button.html' with controls_text="show-comment" controls_uid=status.id text="Reply" icon="comment" class="is-small" focus="id_content_reply" %} <div class="field has-addons">
{% include 'snippets/boost_button.html' with status=status %} <div class="control">
{% include 'snippets/fav_button.html' with status=status %} {% include 'snippets/toggle/toggle_button.html' with controls_text="show-comment" controls_uid=status.id text="Reply" icon="comment" class="is-small" focus="id_content_reply" %}
</div>
<div class="control">
{% include 'snippets/boost_button.html' with status=status %}
</div>
<div class="control">
{% include 'snippets/fav_button.html' with status=status %}
</div>
</div>
{% else %} {% else %}
<a href="/login"> <a href="/login">
@ -48,7 +56,7 @@
</div> </div>
{% if status.user == request.user %} {% if status.user == request.user %}
<div class="card-footer-item"> <div class="card-footer-item">
{% include 'snippets/toggle/toggle_button.html' with controls_text="more-info" controls_uid=status.id text="More options" icon="dots-three" small=True %} {% include 'snippets/toggle/toggle_button.html' with controls_text="more-info" controls_uid=status.id text="More options" icon="dots-three" class="is-small" %}
</div> </div>
{% endif %} {% endif %}
{% endblock %} {% endblock %}