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 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; top: 0;
font-family: plex-icons-new; font-family: plex-icons-new;
font-weight: 100; font-weight: 100;
@ -1947,7 +1950,8 @@ body > div.container-fluid > div > div.col-sm-10 > div.discover > form > .btn.bt
line-height: 60px; line-height: 60px;
height: 60px; height: 60px;
font-style: normal; font-style: normal;
-moz-osx-font-smoothing: grayscale -moz-osx-font-smoothing: grayscale;
overflow: hidden;
} }
.pagination > a { .pagination > a {
@ -1967,29 +1971,33 @@ body > div.container-fluid > div > div.col-sm-10 > div.discover > form > .btn.bt
color: #fff !important 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 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; color: transparent;
background-color:transparent;
margin-left: 0; margin-left: 0;
width: 65px; width: 65px;
padding: 0; padding: 0;
font-size: 15px; font-size: 15px;
position: absolute; 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 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 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"; content: "\EA32";
visibility: visible; visibility: visible;
color: hsla(0, 0%, 100%, .35); 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; border-left: 2px solid transparent;
font-size: 20px; font-size: 20px;
padding: 20px 0 20px 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"; content: "\EA33";
visibility: visible; visibility: visible;
color: hsla(0, 0%, 100%, .65); 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 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 color: #fff
} }
.pagination > strong {
display: none
}
.pagination:after { .pagination:after {
content: "\EA32"; content: "\EA32";
position: relative; position: relative;

2
cps/templates/layout.html
View File

@ -151,7 +151,7 @@
{% if pagination and (pagination.has_next or pagination.has_prev) %} {% if pagination and (pagination.has_next or pagination.has_prev) %}
<div class="pagination"> <div class="pagination">
{% if pagination.has_prev %} {% 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> }}">&laquo; {{_('Previous')}}</a></li>
{% endif %} {% endif %}
{% for page in pagination.iter_pages() %} {% for page in pagination.iter_pages() %}