github/hugo-geekblog
0
0
Fork 0
mirror of https://github.com/thegeeklab/hugo-geekblog.git synced 2024-11-25 14:30:39 +00:00
Code Issues Projects Releases Wiki Activity

slightly modify page navigation and icon

Browse Source
This commit is contained in:
Robert Kaussow 2020-07-18 00:03:22 +02:00
parent 0cde8afd34
commit 922526be21
No known key found for this signature in database
GPG Key ID: 65362AE74AF98B61
7 changed files with 24 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
layouts/partials/pagination.html
View File

@ -1,15 +1,15 @@
{{ $pag := $.Paginator }}
<nav class="gblog-paging flex flex-even align-center " role="navigation">
<div class="gblog-paging__item gblog-paging__item--next">
<nav class="gblog-paging flex flex-even align-center" role="navigation">
<div class="gblog-paging__item gblog-paging__item--prev">
{{ if $pag.HasPrev }}
<a class="flex-inline align-center fake-link" href="{{ $pag.Prev.URL }}">Newer posts</a>
<a class="flex-inline align-center fake-link no-wrap" href="{{ $pag.Prev.URL }}">PREV</a>
{{ end }}
</div>
<div class="gblog-paging__state">Page {{ $pag.PageNumber }} of {{ $pag.TotalPages }}</div>
<div class="gblog-paging__item gblog-paging__item--prev">
<div class="gblog-paging__item gblog-paging__item--next">
{{ if $pag.HasNext }}
<a class="flex-inline align-center fake-link" href="{{ $pag.Next.URL }}">Older posts</a>
<a class="flex-inline align-center fake-link no-wrap" href="{{ $pag.Next.URL }}">NEXT</a>
{{ end }}
</div>
</nav>

2
layouts/partials/svg-icon-symbols.html
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 10 KiB

1
src/iconfont/uEA17-keyborad_arrow_right.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="-6.67 -6.67 45.33 45.33"><path d="M6.125 28.25L18.375 16 6.125 3.75 9.875 0l15.999 15.999L9.875 31.998z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 184 B

1
src/iconfont/uEA18-keyborad_arrow_left.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="-6.67 -6.67 45.33 45.33"><path d="M25.875 28.25L22.125 32 6.126 16.001 22.125.002l3.75 3.75-12.25 12.25z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 185 B

5
src/icons/keyborad_arrow_left.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>keyboard_arrow_left</title>
<path d="M25.875 28.25l-3.75 3.75-15.999-15.999 15.999-15.999 3.75 3.75-12.25 12.25z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 267 B

5
src/icons/keyborad_arrow_right.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>keyboard_arrow_right</title>
<path d="M6.125 28.25l12.25-12.25-12.25-12.25 3.75-3.75 15.999 15.999-15.999 15.999z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 268 B

10
src/sass/_base.scss
View File

@ -300,21 +300,23 @@ img {
&__item {
flex: 1 1 0;
&--prev {
&--next {
text-align: right;
a:after {
font-family: GeekblogIcons;
content: "\ea02";
content: "\ea17";
margin-top: -.125em;
}
}
&--next {
&--prev {
text-align: left;
a::before {
font-family: GeekblogIcons;
content: "\ea16";
content: "\ea18";
margin-top: -.125em;
}
}
}