engineering/make_post_sell
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 2 Packages Wiki Activity Actions

Ensure media always maintains aspect ratio during manual resize

Browse source 
Add max-width/height constraints and object-position to guarantee aspect ratio is preserved when user manually resizes the window
This commit is contained in:
russell@unturf.com 2026-01-21 10:37:44 -05:00
parent 45ebe5c0ae
commit 55fe55041f
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
make_post_sell/templates/player.j2
View file

@ -24,12 +24,20 @@
position: relative;
}
/* Media element styles */
/* Media element styles - always maintain aspect ratio */
#media {
grid-area: media;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center;
}
/* For images, ensure aspect ratio is preserved */
img#media {
display: block;
}
/* Player controls overlay */