kgess-mirror/matrix.org
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix.org.git synced 2026-01-11 20:07:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Restyle pagination

Browse source
This commit is contained in:
Jonas Platte 2022-10-12 19:25:25 +02:00
parent b99ad1f932
commit 4f2ae2f60d
No known key found for this signature in database
GPG key ID: CC154DE0E30B7C67
2 changed files with 26 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
sass/_pagination.scss
View file

@ -1,5 +1,17 @@
.pagination {
flex-direction: row;
justify-content: space-between;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
margin: 1rem 0;
font-size: 120%;
>div {
flex: 1;
}
a {
padding: .5rem;
display: block;
width: 100%;
text-align: center;
}
}

17
templates/includes/pagination.html
View file

@ -1,8 +1,13 @@
<nav class="pagination">
{% if paginator.previous %}
<a class="w-button button-dark" href="{{ paginator.previous }}">‹ Previous</a>
{% endif %}
{% if paginator.next %}
<a class="w-button button-dark" href="{{ paginator.next }}">Next ›</a>
{% endif %}
<div class="prev">
{% if paginator.previous %}
<a href="{{ paginator.previous }}">‹ Previous</a>
{% endif %}
</div>
<span class="page-number">{{ paginator.current_index }} / {{ paginator.number_pagers }}</span>
<div class="prev">
{% if paginator.next %}
<a href="{{ paginator.next }}">Next ›</a>
{% endif %}
</div>
</nav>