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 %} {%- 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 %}

4
src/blog_assets/css/index.scss
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;
} }
} }
} }