Optimize algolia-pagination style

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

View File

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

View File

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

View File

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