️ fix: switch pagination from <ul> to <div>

Aids screen reader output.
main
welpo 2 years ago
parent 06dae7a711
commit 29afc44149

@ -18,7 +18,7 @@
</main> </main>
{% if paginator %} {% if paginator %}
<ul class="pagination"> <div class="pagination">
{% if paginator.previous %} {% if paginator.previous %}
<span class="page-item page-prev"> <span class="page-item page-prev">
<a href={{ paginator.previous }} class="page-link" aria-label="Previous"><span aria-hidden="true">← Prev</span></a> <a href={{ paginator.previous }} class="page-link" aria-label="Previous"><span aria-hidden="true">← Prev</span></a>
@ -30,6 +30,6 @@
<a href={{ paginator.next }} class="page-link" aria-label="Next"><span aria-hidden="true">Next →</span></a> <a href={{ paginator.next }} class="page-link" aria-label="Next"><span aria-hidden="true">Next →</span></a>
</span> </span>
{% endif %} {% endif %}
</ul> </div>
{% endif %} {% endif %}
{% endblock main_content %} {% endblock main_content %}

@ -23,7 +23,7 @@
</main> </main>
{% if paginator %} {% if paginator %}
<ul class="pagination"> <div class="pagination">
{% if paginator.previous %} {% if paginator.previous %}
<span class="page-item page-prev"> <span class="page-item page-prev">
<a href={{ paginator.previous }} class="page-link" aria-label="Previous"><span aria-hidden="true">← Prev</span></a> <a href={{ paginator.previous }} class="page-link" aria-label="Previous"><span aria-hidden="true">← Prev</span></a>
@ -35,6 +35,6 @@
<a href={{ paginator.next }} class="page-link" aria-label="Next"><span aria-hidden="true">Next →</span></a> <a href={{ paginator.next }} class="page-link" aria-label="Next"><span aria-hidden="true">Next →</span></a>
</span> </span>
{% endif %} {% endif %}
</ul> </div>
{% endif %} {% endif %}
{% endblock main_content %} {% endblock main_content %}
Loading…
Cancel
Save