fix: invert the buttons on the button navigation of an article (#2)

Reviewed-on: #2
pull/6/head
Nicolas Doby 2022-11-21 12:29:57 +00:00
parent f491adda25
commit 139f159f5a
2 changed files with 8 additions and 8 deletions

View File

@ -28,15 +28,15 @@ templateClass: tmpl-post
{%- if nextArticle or previousArticle %} {%- if nextArticle or previousArticle %}
<nav class="post-nav"> <nav class="post-nav">
<ul> <ul>
{%- if previousArticle %}<li class="previous">
<a href="{{ previousArticle.url }}" title="Article précédent">
<span class="icon" aria-hidden="true">«</span>
<span>{{ previousArticle.data.title }}</span>
</a>
</li>{% endif %}
{%- if nextArticle %}<li class="next"> {%- if nextArticle %}<li class="next">
<a href="{{ nextArticle.url }}" title="Article suivant"> <a href="{{ nextArticle.url }}" title="Article suivant">
<span class="icon" aria-hidden="true">«</span>
<span>{{ nextArticle.data.title }}</span> <span>{{ nextArticle.data.title }}</span>
</a>
</li>{% endif %}
{%- if previousArticle %}<li class="previous">
<a href="{{ previousArticle.url }}" title="Article précédent">
<span>{{ previousArticle.data.title }}</span>
<span class="icon" aria-hidden="true">»</span> <span class="icon" aria-hidden="true">»</span>
</a> </a>
</li>{% endif %} </li>{% endif %}

View File

@ -340,12 +340,12 @@ h1 + .post-metadata {
} }
.previous { .previous {
.icon { .icon {
margin-right: 2rem; margin-left: 2rem;
} }
} }
.next { .next {
.icon { .icon {
margin-left: 2rem; margin-right: 2rem;
} }
} }
} }