heimoshuiyu/aether
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Change older posts and newer posts navigation from buttons to links and fix older page navigation appearing on the left

Browse Source
This commit is contained in:
Joe Hutchinson
2018-12-13 14:04:45 -05:00
parent 1827035623
commit 832811615c
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/_default/list.html
View File

@@ -14,8 +14,8 @@
</main>
{{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
<nav class="pagination-nav side-padding">
{{ if .Paginator.HasPrev }}<a href="{{ .Paginator.Prev.URL }}" class="button">Newer Posts</a>{{ end }}
{{ if .Paginator.HasNext }}<a href="{{ .Paginator.Next.URL }}" class="button">Older Posts</a>{{ end }}
{{ if .Paginator.HasPrev }}<a href="{{ .Paginator.Prev.URL }}" class="pagination-newer">&lt; Newer Posts</a>{{ end }}
{{ if .Paginator.HasNext }}<a href="{{ .Paginator.Next.URL }}" class="pagination-older">Older Posts &gt;</a>{{ end }}
</nav>
{{ end }}
{{ partial "scripts.html" . }}

9
static/css/style.css
View File

@@ -243,12 +243,15 @@ input:checked ~ .hamburger-menu-overlay {
}
.pagination-nav {
margin: 2em 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 47rem;
}
.pagination-newer {
float:left;
}
.pagination-older {
float: right;
}
.button {
padding: 0.5em 0.6em;
background-color: #FFF;