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> <p>{{ page.previous.title }}</p>
</a> </a>
{% else %} {% 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> <p>-</p>
</span> </span>
{% endif %} {% endif %}
@ -20,7 +21,8 @@
<p>{{ page.next.title }}</p> <p>{{ page.next.title }}</p>
</a> </a>
{% else %} {% 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> <p>-</p>
</span> </span>
{% endif %} {% endif %}

View file

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