mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2025-01-03 13:58:43 +00:00
use snippet for modal close buttons
This commit is contained in:
parent
b1cdddd1a2
commit
d59c586e55
4 changed files with 4 additions and 4 deletions
|
@ -50,7 +50,7 @@
|
||||||
<span>{% include 'snippets/book_titleby.html' with book=book %}</span>
|
<span>{% include 'snippets/book_titleby.html' with book=book %}</span>
|
||||||
</>
|
</>
|
||||||
<div class="card-header-icon is-hidden-tablet">
|
<div class="card-header-icon is-hidden-tablet">
|
||||||
<label class="delete" for="no-book" aria-label="close" role="button"></label>
|
{% include 'snippets/toggle/toggle_button.html' with label="close" controls_text="no-book" class="delete" %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="modal-card">
|
<div class="modal-card">
|
||||||
<header class="modal-card-head">
|
<header class="modal-card-head">
|
||||||
<p class="modal-card-title">Finish "{{ book.title }}"</p>
|
<p class="modal-card-title">Finish "{{ book.title }}"</p>
|
||||||
<label class="delete" for="finish-reading-{{ uuid }}" aria-label="close" role="button"></label>
|
{% include 'snippets/toggle/toggle_button.html' with label="close" controls_text="finish-reading" controls_uid=uuid class="delete" %}
|
||||||
</header>
|
</header>
|
||||||
{% active_read_through book user as readthrough %}
|
{% active_read_through book user as readthrough %}
|
||||||
<form name="finish-reading" action="/finish-reading/{{ book.id }}" method="post">
|
<form name="finish-reading" action="/finish-reading/{{ book.id }}" method="post">
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<div class="modal-card">
|
<div class="modal-card">
|
||||||
<header class="modal-card-head">
|
<header class="modal-card-head">
|
||||||
<p class="modal-card-title">Start "{{ book.title }}"</p>
|
<p class="modal-card-title">Start "{{ book.title }}"</p>
|
||||||
<label class="delete" for="start-reading-{{ uuid }}" aria-label="close" role="button" tabindex="0"></label>
|
{% include 'snippets/toggle/toggle_button.html' with label="close" controls_text="start-reading" controls_uid=uuid class="delete" %}
|
||||||
</header>
|
</header>
|
||||||
<form name="start-reading" action="/start-reading/{{ book.id }}" method="post">
|
<form name="start-reading" action="/start-reading/{{ book.id }}" method="post">
|
||||||
<section class="modal-card-body">
|
<section class="modal-card-body">
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<label class="{% if class %}{{ class }}{% else %}button{% endif %}{% if small %} is-small{% endif %}" for="{{ controls_text }}{% if controls_uid %}-{{ controls_uid }}{% endif %}" tabindex="0" role="button">
|
<label class="{% if class %}{{ class }}{% else %}button{% endif %}{% if small %} is-small{% endif %}" for="{{ controls_text }}{% if controls_uid %}-{{ controls_uid }}{% endif %}" tabindex="0" role="button"{% if label %} aria-label="{{ label }}"{% endif %}>
|
||||||
{% if icon %}
|
{% if icon %}
|
||||||
<span class="icon icon-{{ icon }}" title="{{ text }}">
|
<span class="icon icon-{{ icon }}" title="{{ text }}">
|
||||||
<span class="is-sr-only">{{ text }}</span>
|
<span class="is-sr-only">{{ text }}</span>
|
||||||
|
|
Loading…
Reference in a new issue