internal
/
itsonus-blog
4
0
Fork 0
Code Issues 7 Pull Requests Releases Activity

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

Merged
nicolas.doby merged 1 commits from fix/invert-button-bottom-navigation into main 2022-11-21 12:29:57 +00:00
Conversation 0 Commits 1 Files Changed 2
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/_layouts/article.njk
View File

@ -28,15 +28,15 @@ templateClass: tmpl-post
{%- if nextArticle or previousArticle %}
<nav class="post-nav">
<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">
<a href="{{ nextArticle.url }}" title="Article suivant">
<span class="icon" aria-hidden="true">«</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>
</a>
</li>{% endif %}

4
src/blog_assets/css/index.scss
View File

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