CGM_Public/pretix_original
3
0
Fork 1
mirror of https://github.com/pretix/pretix.git synced 2026-09-11 15:54:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Product pictures: Fix scrolled and oversized lightboxes (Z#23243442)

Browse Source 
Tested with multiple screen and image aspect ratios and sizes
This commit is contained in:
Raphael Michel
2026-09-08 21:37:56 +02:00
parent edb4069e18
commit dedd548cf7
1 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pretix/static/pretixbase/scss/_dialogs.scss
+18 -2
View File
@@ -171,12 +171,28 @@ body.has-modal-dialog .container, body.has-modal-dialog #wrapper {
width: fit-content;
max-width: 80%;
min-width: 24em;
max-height: 80vh;
margin-top: 10vh;
.modal-card-content {
padding: 2.5em;
// not symmetric, but LOOKS more symmetric since the picture has so much more optical weight than the caption
padding: 2.5em 2.5em 1.5em 2.5em;
max-height: 80vh;
}
figure {
display: flex;
flex-direction: column;
max-height: calc(80vh - 4em);
}
img {
max-width: 100%;
width: auto;
object-fit: contain;
height: 100%;
flex-basis: 10%;
flex-grow: 1;
flex-shrink: 1;
}
button {