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

page sectioned - fix image max height on mobile

Browse source
This commit is contained in:
isUnknown 2024-09-20 16:23:31 +02:00
parent f22b3599a3
commit 9dbf57640d
2 changed files with 16 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
assets/css/src/page-sectioned.css
View file

@ -74,15 +74,18 @@
transform: rotate(-45deg);
}
@media screen and (min-width: 800px) {
.section__row.fixed-img-height img {
max-height: var(--height);
object-fit: contain;
}
.section__row.fixed-img-height img {
max-height: var(--height);
object-fit: contain;
}
@media screen and (max-width: 800px) {
.anchors-strip {
display: none;
}
.section__row.fixed-img-height img {
max-height: calc(var(--height) * 3);
object-fit: contain;
}
}

13
assets/dist/style.css vendored
View file

@ -1618,17 +1618,20 @@ section.key-infos .key-infos__key:not(:last-child) {
transform: rotate(-45deg);
}
@media screen and (min-width: 800px) {
.section__row.fixed-img-height img {
max-height: var(--height);
object-fit: contain;
}
.section__row.fixed-img-height img {
max-height: var(--height);
object-fit: contain;
}
@media screen and (max-width: 800px) {
.anchors-strip {
display: none;
}
.section__row.fixed-img-height img {
max-height: calc(var(--height) * 3);
object-fit: contain;
}
}
.search {