github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-19 18:42:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optimize algolia-pagination style

Browse Source
This commit is contained in:
Mimi 2020-06-12 00:50:19 +08:00
parent 3a69429da9
commit 701f628b9a
3 changed files with 6 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layout/_partials/search/algolia-search.njk
View File

@ -10,5 +10,5 @@
<div class="algolia-results"> <div class="algolia-results">
<div id="algolia-stats"></div> <div id="algolia-stats"></div>
<div id="algolia-hits"></div> <div id="algolia-hits"></div>
<div id="algolia-pagination" class="algolia-pagination"></div> <div id="algolia-pagination"></div>
</div> </div>

23
source/css/_common/components/third-party/search.styl vendored
View File

@ -115,33 +115,18 @@ if (hexo-config('algolia_search.enable')) {
} }
.algolia-pagination { .algolia-pagination {
.pagination { // Override default style of ul
border-top: none; margin: 40px 0;
margin: 40px 0; opacity: 1;
opacity: 1; padding: 0;
padding: 0;
}
.pagination-item { .pagination-item {
display: inline-block; display: inline-block;
} }
.page-number {
border-top: 1px solid transparent;
the-transition();
&:hover {
border-top: 1px solid $black-deep;
}
}
.current .page-number { .current .page-number {
@extend .pagination .page-number.current; @extend .pagination .page-number.current;
cursor: default; cursor: default;
&:hover {
border-top-color: $pagination-active-border;
}
} }
.disabled-item { .disabled-item {

2
source/js/algolia-search.js
View File

@ -83,7 +83,7 @@ document.addEventListener('DOMContentLoaded', () => {
next : '<i class="fa fa-angle-right"></i>' next : '<i class="fa fa-angle-right"></i>'
}, },
cssClasses: { cssClasses: {
root : 'pagination', list : ['pagination', 'algolia-pagination'],
item : 'pagination-item', item : 'pagination-item',
link : 'page-number', link : 'page-number',
selectedItem: 'current', selectedItem: 'current',