fbievan
/
website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

if navtype is circles and infinite scrolling is enabled load more link looks more like a button, similar to the circles pagination

This commit is contained in:
Gabriele Musco 2021-04-15 00:00:53 +02:00
parent 0d3aeb96fa
commit bc28510322
No known key found for this signature in database
GPG Key ID: 8539FD3454380B83
2 changed files with 40 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/scss/style.scss
View File

@ -416,3 +416,20 @@ ul.list {
} }
} }
} }
.loadMoreButton {
text-align: center;
font-size: 1.2rem;
font-weight: bold;
&.buttonLike {
a {
border-radius: 10px;
background-color: $highlight_bg_color;
padding: 15px;
border-bottom: none;
&:hover, &:focus {
background-color: $accent_color;
}
}
}
}

2
layouts/partials/paginator.html
View File

@ -9,7 +9,7 @@
nextPage = res['next']; nextPage = res['next'];
if (first) { if (first) {
document.getElementById('getNextBtnContainer').innerHTML += ` document.getElementById('getNextBtnContainer').innerHTML += `
<div style="text-align: center; font-size: 1.3em; font-weight: bold;"> <div class="loadMoreButton {{ if eq .Site.Params.navtype "circles"}}buttonLike{{ end }}">
<a style="cursor: pointer" onclick="getNext();"> <a style="cursor: pointer" onclick="getNext();">
Load more articles Load more articles
</a> </a>