CAMP/camp
1
0
Fork 0
Code Issues 3 Pull requests 1 Releases Wiki Activity

mobile view

Browse source
This commit is contained in:
j 2025-03-28 11:14:33 +00:00
parent cc4a03c363
commit b7b4b5dd36
2 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
camp/static/css/site.scss
View file

@ -22,11 +22,13 @@
height: calc(100vh - 180px); height: calc(100vh - 180px);
} }
@media screen and (max-width: 39.9375em) { @media screen and (max-width: 39.9375em) {
.photo-container .image { &:open {
height: auto; overflow: auto;
width: 100%; }
} .photo-container .image {
height: auto;
width: 100%;
}
} }
.main-image { .main-image {
width: 100%; width: 100%;
@ -45,6 +47,11 @@
margin-top: 10px; margin-top: 10px;
overflow: auto; overflow: auto;
} }
@media screen and (max-width: 39.9375em) {
.thumbnails {
flex-wrap: wrap;
}
}
.thumbnail { .thumbnail {
width: 80px; width: 80px;
height: 60px; height: 60px;

6
camp/static/js/gallery.js
View file

@ -142,7 +142,11 @@ function loadGallery(images, idx, main, thumbnails) {
gallery.querySelectorAll(".thumbnail").forEach((thumb, i) => { gallery.querySelectorAll(".thumbnail").forEach((thumb, i) => {
thumb.classList.toggle("active", i === index); thumb.classList.toggle("active", i === index);
}); });
gallery.querySelector('.active').scrollIntoView() if document.querySelector(".thumbnail").parentElement
if (thumbnailsContainer && thumbnailsContainer(thumbnailsContainer).flexWrap == "nowrap") {
gallery.querySelector('.active').scrollIntoView()
}
} }
if (images[index].orig) { if (images[index].orig) {
download.href = images[index].orig download.href = images[index].orig