mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-24 12:21:22 -05:00
ee9f348ce4
Includes: - turning off :visited styles to match existing design - swapping heading classes used to make links bold for the GOVUK Frontend bold override class - adding visually hidden text to some links to make them work when isolated from their context We may need to revisit whether some links, such as those for documentation and features, may benefit from having some indication that their target has been visited.
35 lines
1.7 KiB
HTML
35 lines
1.7 KiB
HTML
{% macro previous_next_navigation(previous_page, next_page) %}
|
|
{% if previous_page or next_page %}
|
|
<nav class="govuk-previous-and-next-navigation" role="navigation" aria-label="Pagination">
|
|
<ul class="group">
|
|
{% if previous_page %}
|
|
<li class="previous-page">
|
|
<a class="govuk-link govuk-link--no-visited-state" href="{{previous_page['url']}}" rel="previous" >
|
|
<span class="pagination-part-title">
|
|
<svg class="pagination-icon" xmlns="http://www.w3.org/2000/svg" height="13" width="17" viewBox="0 0 17 13">
|
|
<path fill="currentColor" d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"/>
|
|
</svg>
|
|
{{previous_page['title']}}
|
|
</span>
|
|
<span class="pagination-label">{{previous_page['label']}}</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if next_page %}
|
|
<li class="next-page">
|
|
<a class="govuk-link govuk-link--no-visited-state" href="{{next_page['url']}}" rel="next">
|
|
<span class="pagination-part-title">
|
|
{{next_page['title']}}
|
|
<svg class="pagination-icon" xmlns="http://www.w3.org/2000/svg" height="13" width="17" viewBox="0 0 17 13">
|
|
<path fill="currentColor" d="m10.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"/>
|
|
</svg>
|
|
</span>
|
|
<span class="pagination-label">{{next_page['label']}}</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
{% endif %}
|
|
{% endmacro %}
|