Gives more/less toggles button role

This commit is contained in:
Mouse Reeve 2020-11-09 16:16:57 -08:00
parent 82896e7d81
commit be12ec49a3

View file

@ -7,12 +7,14 @@
<div> <div>
<input type="radio" name="show-hide-{{ book.id }}-{{ uuid }}" id="show-{{ book.id }}-{{ uuid }}" class="toggle-control" checked> <input type="radio" name="show-hide-{{ book.id }}-{{ uuid }}" id="show-{{ book.id }}-{{ uuid }}" class="toggle-control" checked>
<blockquote class="content toggle-content hidden">{{ trimmed }} <blockquote class="content toggle-content hidden">{{ trimmed }}
<label class="button is-small" for="hide-{{ book.id }}-{{ uuid }}">show more</label></blockquote> <label class="button is-small" for="hide-{{ book.id }}-{{ uuid }}"><div role="button">show more</div></label>
</blockquote>
</div> </div>
<div> <div>
<input type="radio" name="show-hide-{{ book.id }}-{{ uuid }}" id="hide-{{ book.id }}-{{ uuid }}" class="toggle-control"> <input type="radio" name="show-hide-{{ book.id }}-{{ uuid }}" id="hide-{{ book.id }}-{{ uuid }}" class="toggle-control">
<blockquote class="content toggle-content hidden">{{ full }} <blockquote class="content toggle-content hidden">{{ full }}
<label class="button is-small" for="show-{{ book.id }}-{{ uuid }}">show less</label></blockquote> <label class="button is-small" for="show-{{ book.id }}-{{ uuid }}"><div role="button">show less</div></label>
</blockquote>
</div> </div>
{% else %} {% else %}
<blockquote class="content">{{ full }} <blockquote class="content">{{ full }}