Can we have better CSS Object-Fit Behavior?

ryan8 · March 30, 2018, 7:31am

Is there some reason the image scaling cant use or replicate object-fit:cover or contain? The current scaling does not properly proportion images inside image objects and IMGIX pre-processor does not always work either inside repeating groups? If i just go in and add one line of css… img{object-fit:cover) everything is perfect. Can this be implemented into bubble so it does not have to be done with CSS?

adampanza2 · February 17, 2019, 1:00am

Where do you add that one line of CSS to get object-fit?

Thanks!

ryan8 · February 17, 2019, 1:44am

Just create a html object on the page near the top and put :
< style > img{object-fit:cover}< /style >

adampanza2 · February 17, 2019, 1:52am

what if you’re trying to apply to a repeating group of images? probably doing something a little wrong here? thanks again.

ryan8 · February 19, 2019, 5:51pm

that will work on every image on the page… you may need to modify it with img{object-fit:cover !important}

adampanza2 · February 22, 2019, 1:54am

Thanks, Ryan!

PineappleJoe · June 19, 2022, 1:11am

this is an important and currently missing piece of the new responsive ui.