Make post pager match talk pager
This commit is contained in:
parent
1c378c412d
commit
4666cc1390
|
@ -5,3 +5,10 @@
|
|||
float: left
|
||||
margin: 0 1em 1em 0
|
||||
width: 50px
|
||||
|
||||
.post-pager
|
||||
clear: both
|
||||
margin-top: 2em
|
||||
|
||||
.post-pager div
|
||||
flex: 1
|
||||
|
|
|
@ -1,6 +1,17 @@
|
|||
{% if page.next_post or page.previous_post %}
|
||||
<ul>
|
||||
{% if page.next_post %}<li>Next post: <a href="{{ page.next_post.url }}">{{ page.next_post.title }}</a></li>{% endif %}
|
||||
{% if page.previous_post %}<li>Previous post: <a href="{{ page.previous_post.url }}">{{ page.previous_post.title }}</a></li>{% endif %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
<div class="post-pager is-flex">
|
||||
{% if page.previous_post %}
|
||||
<div class="is-half">
|
||||
<a href="{{ page.previous_post.url }}">
|
||||
« {{ page.previous_post.title }}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.next_post %}
|
||||
<div class="is-half text-right">
|
||||
<a href="{{ page.next_post.url }}">
|
||||
{{ page.next_post.title }} »
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
|
Reference in a new issue