Disable sticky pagination on Firefox mobile as it does not work well

This commit is contained in:
Martchus 2021-02-18 15:19:59 +01:00
parent 4efbbde335
commit eb2b55c834
1 changed files with 11 additions and 3 deletions

View File

@ -62,7 +62,6 @@
} }
.pagination { .pagination {
position: sticky;
border-top: 1px solid #999; border-top: 1px solid #999;
background-color: white; background-color: white;
bottom: 0px; bottom: 0px;
@ -72,12 +71,10 @@
max-width: 0px; max-width: 0px;
} }
.pagination a.prev { .pagination a.prev {
position: sticky;
margin-left: 0px; margin-left: 0px;
left: -1px; left: -1px;
} }
.pagination a.next { .pagination a.next {
position: sticky;
margin-right: 0px; margin-right: 0px;
right: 0px; right: 0px;
} }
@ -108,6 +105,17 @@
padding-right: 0px; padding-right: 0px;
border-right: none; border-right: none;
} }
.pagination, .pagination a.prev, .pagination a.next {
position: sticky;
}
@-moz-document url-prefix() {
/* disable sticky pagination on Firefox mobile as it does not work well */
@media (pointer:coarse) {
.pagination, .pagination a.prev, .pagination a.next {
position: initial !important;
}
}
}
.compact-heading { .compact-heading {
margin: 0px; margin: 0px;