Bootstrap 5 change: 'sr-only' is now 'visually-hidden'
This commit is contained in:
parent
2d7c879756
commit
3b69855c25
|
@ -1,3 +1,6 @@
|
||||||
|
{# vim: set ft=htmljinja
|
||||||
|
#}
|
||||||
|
|
||||||
{% macro render_pagination(pagination) %}
|
{% macro render_pagination(pagination) %}
|
||||||
{% if pagination.pages > 1 %}
|
{% if pagination.pages > 1 %}
|
||||||
<nav aria-label="Page navigation example">
|
<nav aria-label="Page navigation example">
|
||||||
|
@ -10,7 +13,7 @@
|
||||||
{% if page != pagination.page %}
|
{% if page != pagination.page %}
|
||||||
<li class="page-item"><a class="page-link" href="{{ url_for_other_page(page) }}">{{ page }}</a></li>
|
<li class="page-item"><a class="page-link" href="{{ url_for_other_page(page) }}">{{ page }}</a></li>
|
||||||
{% else %}
|
{% else %}
|
||||||
<li class="page-item active"><a class="page-link" href="{{ url_for_other_page(page) }}">{{ page }} <span class="sr-only">(current)</span></a></li>
|
<li class="page-item active"><a class="page-link" href="{{ url_for_other_page(page) }}">{{ page }} <span class="visually-hidden">(current)</span></a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% else %}
|
{% else %}
|
||||||
<li><span class="ellipsis">…</span></li>
|
<li><span class="ellipsis">…</span></li>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{% macro nav_item(name, label) %}
|
{% macro nav_item(name, label) %}
|
||||||
<li class="nav-item{% if name == active %} active{% endif %}">
|
<li class="nav-item{% if name == active %} active{% endif %}">
|
||||||
<a class="nav-link" href="{{ url_for(name) }}">{{ label }}{% if name == active %} <span class="sr-only">(current)</span>{% endif %}</a>
|
<a class="nav-link" href="{{ url_for(name) }}">{{ label }}{% if name == active %} <span class="visually-hidden">(current)</span>{% endif %}</a>
|
||||||
</li>
|
</li>
|
||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue