studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

swiper - disable autoplay, add arrows

Browse source
This commit is contained in:
isUnknown 2024-09-16 14:52:37 +02:00
parent c197809a4a
commit c27dfc2e0c
5 changed files with 41 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

36
assets/css/src/swiper.css
View file

@ -1,8 +1,10 @@
#swiper {
position: sticky !important;
top: 7rem !important;
/* https://github.com/nolimits4web/swiper/issues/3599 */
width: 100%;
max-width: 100%;
max-height: 100vh;
max-height: 65vh;
min-height: 0;
min-width: 0;
@ -11,28 +13,48 @@
position: relative;
}
.swiper-slide {
display: flex !important;
align-items: center;
}
/* nav buttons */
.swiper-button {
width: 50% !important;
height: 100% !important;
top: 0 !important;
z-index: 3 !important;
margin-top: 0 !important;
}
.swiper-button:before,
.swiper-button:after {
.swiper-button-next:after,
.swiper-button-prev:after {
content: "" !important;
}
.swiper-button-next:hover {
cursor: url(../../images/icons/arrow-next.svg) 10 20, auto !important;
.swiper-button-next {
justify-content: flex-end !important;
}
.swiper-button-prev:hover {
cursor: url(../../images/icons/arrow-prev.svg) 10 20, auto !important;
.swiper-button-prev {
justify-content: flex-start !important;
}
.swiper-button img {
width: 2.5rem;
}
@media screen and (max-width: 800px) {
#swiper {
position: static !important;
}
#swiper picture {
height: 100%;
}
#swiper picture img {
object-fit: contain;
}
.swiper-button {
display: none !important;
}
}