Restore the prompt in the page nav button in the latest/oldest articles

This commit is contained in:
Cotes Chung 2021-02-02 17:37:50 +08:00
parent 6dc9cdfa25
commit 94b99350fc
2 changed files with 11 additions and 8 deletions

View file

@ -9,7 +9,8 @@
<p>{{ page.previous.title }}</p>
</a>
{% else %}
<span class="btn btn-outline-primary disabled">
<span class="btn btn-outline-primary disabled"
prompt="{{ site.data.label.post.button.previous | default: 'previous' }}">
<p>-</p>
</span>
{% endif %}
@ -20,7 +21,8 @@
<p>{{ page.next.title }}</p>
</a>
{% else %}
<span class="btn btn-outline-primary disabled">
<span class="btn btn-outline-primary disabled"
prompt="{{ site.data.label.post.button.next | default: 'next' }}">
<p>-</p>
</span>
{% endif %}

View file

@ -85,6 +85,12 @@
&.btn-outline-primary.disabled:focus {
box-shadow: none;
}
&::before {
color: var(--text-muted-color);
font-size: 0.65rem;
text-transform: uppercase;
content: attr(prompt);
}
}
p {
@ -95,12 +101,6 @@
}
a {
&::before {
color: var(--text-muted-color);
font-size: 0.65rem;
text-transform: uppercase;
content: attr(prompt);
}
&:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
@ -112,6 +112,7 @@
right: 0.5px;
}
}
} // .post-navigation
@keyframes fade-up {