florent/pages
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[FIX] Blog Page Navigation (#2841) (#2846)

Browse Source 
I tested on my Github page and it worked correctly. Then, copied here. 

Issue: Blog page navigation extends layout of the page in small screens.
Fixes: #2841
This commit is contained in:
imsi32 2024-11-20 00:03:51 +02:00 committed by GitHub
parent b7ee266824
commit 9674cfc8e5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_includes/pagination.liquid
View File

@ -3,7 +3,7 @@
<ul class="pagination pagination-lg justify-content-center">
<li class="page-item {% unless paginator.previous_page %}disabled{% endunless %}">
<a class="page-link" href="{{ paginator.previous_page_path | relative_url }}" tabindex="-1" aria-disabled="{{ paginator.previous_page }}"
>Newer</a
>&lt;</a
>
</li>
{% if paginator.page_trail %}
@ -14,7 +14,7 @@
{% endfor %}
{% endif %}
<li class="page-item {% unless paginator.next_page %}disabled{% endunless %}">
<a class="page-link" href="{{ paginator.next_page_path | relative_url }}">Older</a>
<a class="page-link" href="{{ paginator.next_page_path | relative_url }}">&gt;</a>
</li>
</ul>
</nav>

1
_sass/_base.scss
View File

@ -589,6 +589,7 @@ footer.sticky-bottom {
.page-item {
.page-link {
color: var(--global-text-color);
padding: 0.75rem 1.15rem;
&:hover {
color: $black-color;