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: right
|
float: right
|
||||||
|
|
||||||
|
.float-left
|
||||||
|
float: left
|
||||||
|
|
||||||
|
.clearfloat
|
||||||
|
clear: both
|
||||||
|
|
|
@ -1,15 +1,20 @@
|
||||||
{% macro render_pagination(pagination) %}
|
{% macro render_pagination(pagination) %}
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
{% if pagination.has_prev %}
|
<div class="float-left">
|
||||||
<a href="{{ pagination.prev|url }}">« Previous</a>
|
{% if pagination.has_prev %}
|
||||||
{% else %}
|
<a href="{{ pagination.prev|url }}">« Newer</a>
|
||||||
<span class="disabled">« Previous</span>
|
{% else %}
|
||||||
{% endif %}
|
<span class="disabled">« Newer</span>
|
||||||
| {{ pagination.page }} |
|
{% endif %}
|
||||||
{% if pagination.has_next %}
|
</div>
|
||||||
<a href="{{ pagination.next|url }}">Next »</a>
|
<div class="float-right">
|
||||||
{% else %}
|
{% if pagination.has_next %}
|
||||||
<span class="disabled">Next »</span>
|
<a href="{{ pagination.next|url }}">Older »</a>
|
||||||
{% endif %}
|
{% else %}
|
||||||
|
<span class="disabled">Older »</span>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="text-center">Page {{ pagination.page }}</div>
|
||||||
|
<div class="clearfloat"></div>
|
||||||
</div>
|
</div>
|
||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue