Make post pager match talk pager
This commit is contained in:
parent
1c378c412d
commit
4666cc1390
|
@ -5,3 +5,10 @@
|
||||||
float: left
|
float: left
|
||||||
margin: 0 1em 1em 0
|
margin: 0 1em 1em 0
|
||||||
width: 50px
|
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 %}
|
<div class="post-pager is-flex">
|
||||||
<ul>
|
{% if page.previous_post %}
|
||||||
{% if page.next_post %}<li>Next post: <a href="{{ page.next_post.url }}">{{ page.next_post.title }}</a></li>{% endif %}
|
<div class="is-half">
|
||||||
{% if page.previous_post %}<li>Previous post: <a href="{{ page.previous_post.url }}">{{ page.previous_post.title }}</a></li>{% endif %}
|
<a href="{{ page.previous_post.url }}">
|
||||||
</ul>
|
« {{ page.previous_post.title }}
|
||||||
{% endif %}
|
</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