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); transform: rotate(-45deg);
} }
@media screen and (min-width: 800px) { .section__row.fixed-img-height img {
.section__row.fixed-img-height img { max-height: var(--height);
max-height: var(--height); object-fit: contain;
object-fit: contain;
}
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.anchors-strip { .anchors-strip {
display: none; 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); transform: rotate(-45deg);
} }
@media screen and (min-width: 800px) { .section__row.fixed-img-height img {
.section__row.fixed-img-height img { max-height: var(--height);
max-height: var(--height); object-fit: contain;
object-fit: contain;
}
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.anchors-strip { .anchors-strip {
display: none; display: none;
} }
.section__row.fixed-img-height img {
max-height: calc(var(--height) * 3);
object-fit: contain;
}
} }
.search { .search {