PageIndexWidget: add shadow to floating page indices

This commit is contained in:
Aaron van Geffen 2023-11-11 15:44:49 +01:00
parent 41d14b5aee
commit 995ab8c640

View File

@ -72,9 +72,12 @@ a:hover {
color: #ddd; color: #ddd;
} }
.pagination .page-item {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) { @media (max-width: 767px) {
.pagination { .pagination {
box-shadow: none;
height: 52px; height: 52px;
display: block; display: block;
position: relative; position: relative;
@ -86,7 +89,6 @@ a:hover {
border-radius: var(--bs-pagination-border-radius) !important; border-radius: var(--bs-pagination-border-radius) !important;
} }
.pagination > :first-child, .pagination > :last-child { .pagination > :first-child, .pagination > :last-child {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
display: inline-block; display: inline-block;
position: absolute; position: absolute;
} }
@ -220,6 +222,9 @@ i.nyan-cat {
font-family: 'Coda', sans-serif; font-family: 'Coda', sans-serif;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
.content-box .pagination .page-item {
box-shadow: none;
}
/* Album and photo index pages /* Album and photo index pages