zedfrigg/bookwyrm
1
0
Fork 0
Code Activity

Use bulma screen-reader-only class

Browse source
This commit is contained in:
Mouse Reeve 2020-09-30 15:10:37 -07:00
parent ada6a79b1c
commit 982f734ce7
12 changed files with 22 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

4
bookwyrm/templates/snippets/create_status.html
View file

@ -29,13 +29,13 @@
<div class="control">
<label class="label" for="id_content_{{ book.id }}_review">Review:</label>
<span class="hidden-text">Rating</span>
<span class="is-sr-only">Rating</span>
<div class="field is-grouped stars form-rate-stars">
<input class="hidden" type="radio" name="rating" value="" checked>
{% for i in '12345'|make_list %}
<input class="hidden" id="book{{book.id}}-star-{{ forloop.counter }}" type="radio" name="rating" value="{{ forloop.counter }}">
<label class="icon icon-star-empty" for="book{{book.id}}-star-{{ forloop.counter }}">
<span class="hidden-text">{{ forloop.counter }} star{{ forloop.counter | pluralize }}</span>
<span class="is-sr-only">{{ forloop.counter }} star{{ forloop.counter | pluralize }}</span>
</label>
{% endfor %}
</div>