Improved pagination layout

This commit is contained in:
Felipe M 2016-12-19 16:00:02 +01:00
parent 5db6dc450a
commit 899c58918a
2 changed files with 22 additions and 11 deletions

View file

@ -49,3 +49,9 @@ p:first-child
.float-right .float-right
float: right float: right
.float-left
float: left
.clearfloat
clear: both

View file

@ -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 }}">&laquo; Previous</a> {% if pagination.has_prev %}
{% else %} <a href="{{ pagination.prev|url }}">&laquo; Newer</a>
<span class="disabled">&laquo; Previous</span> {% else %}
{% endif %} <span class="disabled">&laquo; Newer</span>
| {{ pagination.page }} | {% endif %}
{% if pagination.has_next %} </div>
<a href="{{ pagination.next|url }}">Next &raquo;</a> <div class="float-right">
{% else %} {% if pagination.has_next %}
<span class="disabled">Next &raquo;</span> <a href="{{ pagination.next|url }}">Older &raquo;</a>
{% endif %} {% else %}
<span class="disabled">Older &raquo;</span>
{% endif %}
</div>
<div class="text-center">Page {{ pagination.page }}</div>
<div class="clearfloat"></div>
</div> </div>
{% endmacro %} {% endmacro %}