Improved pagination layout
This commit is contained in:
parent
5db6dc450a
commit
899c58918a
2 changed files with 22 additions and 11 deletions
|
@ -49,3 +49,9 @@ p:first-child
|
|||
|
||||
.float-right
|
||||
float: right
|
||||
|
||||
.float-left
|
||||
float: left
|
||||
|
||||
.clearfloat
|
||||
clear: both
|
||||
|
|
|
@ -1,15 +1,20 @@
|
|||
{% macro render_pagination(pagination) %}
|
||||
<div class="pagination">
|
||||
{% if pagination.has_prev %}
|
||||
<a href="{{ pagination.prev|url }}">« Previous</a>
|
||||
{% else %}
|
||||
<span class="disabled">« Previous</span>
|
||||
{% endif %}
|
||||
| {{ pagination.page }} |
|
||||
{% if pagination.has_next %}
|
||||
<a href="{{ pagination.next|url }}">Next »</a>
|
||||
{% else %}
|
||||
<span class="disabled">Next »</span>
|
||||
{% endif %}
|
||||
<div class="float-left">
|
||||
{% if pagination.has_prev %}
|
||||
<a href="{{ pagination.prev|url }}">« Newer</a>
|
||||
{% else %}
|
||||
<span class="disabled">« Newer</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="float-right">
|
||||
{% if pagination.has_next %}
|
||||
<a href="{{ pagination.next|url }}">Older »</a>
|
||||
{% else %}
|
||||
<span class="disabled">Older »</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="text-center">Page {{ pagination.page }}</div>
|
||||
<div class="clearfloat"></div>
|
||||
</div>
|
||||
{% endmacro %}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue