NunoSempere/calibre-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixes for pagination ugliness for caliBlur! style

Browse Source
This commit is contained in:
blitzmann 2020-08-29 20:58:30 -04:00
parent cdaad2fb4a
commit c120138f26
2 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
cps/static/css/caliBlur.min.css vendored
View File

@ -1939,7 +1939,10 @@ body > div.container-fluid > div > div.col-sm-10 > div.discover > form > .btn.bt
z-index: 99999
}
.pagination:after, body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.next, body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.previous {
.pagination:after,
body > div.container-fluid > div > div.col-sm-10 > div.pagination .page-next > a,
body > div.container-fluid > div > div.col-sm-10 > div.pagination .page-previous > a
{
top: 0;
font-family: plex-icons-new;
font-weight: 100;
@ -1947,7 +1950,8 @@ body > div.container-fluid > div > div.col-sm-10 > div.discover > form > .btn.bt
line-height: 60px;
height: 60px;
font-style: normal;
-moz-osx-font-smoothing: grayscale
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
}
.pagination > a {
@ -1967,29 +1971,33 @@ body > div.container-fluid > div > div.col-sm-10 > div.discover > form > .btn.bt
color: #fff !important
}
body > div.container-fluid > div > div.col-sm-10 > div.pagination > a, body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.previous + a, body > div.container-fluid > div > div.col-sm-10 > div.pagination > a[href*=page] {
body > div.container-fluid > div > div.col-sm-10 > div.pagination > .page-item:not(.page-next):not(.page-previous)
{
display: none
}
body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.next, body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.previous {
body > div.container-fluid > div > div.col-sm-10 > div.pagination > .page-next > a,
body > div.container-fluid > div > div.col-sm-10 > div.pagination > .page-previous > a {
color: transparent;
background-color:transparent;
margin-left: 0;
width: 65px;
padding: 0;
font-size: 15px;
position: absolute;
display: block !important
display: block !important;
border: none;
}
body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.next {
body > div.container-fluid > div > div.col-sm-10 > div.pagination > .page-next > a {
right: 0
}
body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.previous {
body > div.container-fluid > div > div.col-sm-10 > div.pagination > .page-previous > a {
right: 65px
}
body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.next:before {
body > div.container-fluid > div > div.col-sm-10 > div.pagination > .page-next > a:before {
content: "\EA32";
visibility: visible;
color: hsla(0, 0%, 100%, .35);
@ -1998,10 +2006,11 @@ body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.next:befor
border-left: 2px solid transparent;
font-size: 20px;
padding: 20px 0 20px 20px;
margin-right: -27px
margin-right: -27px;
}
body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.previous:before {
body > div.container-fluid > div > div.col-sm-10 > div.pagination > .page-previous > a:before {
content: "\EA33";
visibility: visible;
color: hsla(0, 0%, 100%, .65);
@ -2011,14 +2020,11 @@ body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.previous:b
padding: 20px 25px
}
body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.next:hover:before, body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.previous:hover:before {
body > div.container-fluid > div > div.col-sm-10 > div.pagination > .page-next > a:hover:before,
body > div.container-fluid > div > div.col-sm-10 > div.pagination > .page-previous > a:hover:before {
color: #fff
}
.pagination > strong {
display: none
}
.pagination:after {
content: "\EA32";
position: relative;

2
cps/templates/layout.html
View File

@ -151,7 +151,7 @@
{% if pagination and (pagination.has_next or pagination.has_prev) %}
<div class="pagination">
{% if pagination.has_prev %}
<li class="page-item page-next"><a class="page-link" aria-label="next page" href="{{ (pagination.page - 1)|url_for_other_page
<li class="page-item page-previous"><a class="page-link" aria-label="next page" href="{{ (pagination.page - 1)|url_for_other_page
}}">&laquo; {{_('Previous')}}</a></li>
{% endif %}
{% for page in pagination.iter_pages() %}