studio-variable/hic-et-nunc
5
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

Index > slideshow images : Fix size
All checks were successful
Deploy / Deploy to Production (push) Successful in 5s
Details

Browse source
This commit is contained in:
Camilledenoray 2026-07-08 18:47:02 +02:00
parent 05a65cc0b5
commit 8654e78c2c
3 changed files with 22 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

22
assets/css/src/_index.scss
View file

@ -213,22 +213,21 @@ body[data-template="index"] {
/* PROJECT SLIDESHOW */
.project-slideshow {
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
box-sizing: border-box;
max-width: 100%;
right: 0;
position: absolute;
inset: 0;
.slide {
position: absolute;
inset: 0;
}
picture img,
video.slide {
max-width: 100%;
max-height: calc(100vh - var(--body-margin) * 2);
width: 100%;
height: 100%;
object-fit: contain;
object-position: right top;
vertical-align: bottom;
width: auto;
height: auto;
}
}
@ -239,7 +238,6 @@ body[data-template="index"] {
.project-slideshow-container {
display: block;
position: fixed;
height: 100%;
background-color: white;
top: var(--body-margin);
right: var(--body-margin);

23
assets/css/style.css
View file

@ -499,22 +499,22 @@ body[data-template=index] {
/* PROJECT SLIDESHOW */
}
body[data-template=index] .project-slideshow {
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
box-sizing: border-box;
max-width: 100%;
right: 0;
position: absolute;
inset: 0;
}
body[data-template=index] .project-slideshow .slide {
position: absolute;
inset: 0;
}
body[data-template=index] .project-slideshow picture img,
body[data-template=index] .project-slideshow video.slide {
max-width: 100%;
max-height: calc(100vh - var(--body-margin) * 2);
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: right top;
object-position: right top;
vertical-align: bottom;
width: auto;
height: auto;
}
body[data-template=index] picture {
inset: 0;
@ -522,7 +522,6 @@ body[data-template=index] picture {
body[data-template=index] .project-slideshow-container {
display: block;
position: fixed;
height: 100%;
background-color: white;
top: var(--body-margin);
right: var(--body-margin);

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long