ResistanceCalendar / resistance-calendar-frontend

A central listing of upcoming progressive events
https://resistance-calendar-staging.herokuapp.com/
MIT License
7 stars 8 forks source link

Fix event thumbnails for vertical images #100

Closed InciteDemocracy closed 7 years ago

InciteDemocracy commented 7 years ago

This issue only happens with Events that have vertical images. Here's an example: screenshot 2017-04-16 11 04 14 screenshot 2017-04-16 11 04 27

pfarnach commented 7 years ago

I do see the problem with the thumbnail, but not the event details image (the image appears full width for me). The issue with the thumbnail is that the image-wrapper class has a width of auto and a height of 100%. If you set both values to 100%, then the images stretch, and if you reverse the values, you have the same problem but for a majority of the images. I also tried setting a min-width of 150px but that just stretches the image (the height doesn't seem to compensate).

One half-solution would be to center the image in the circle but there will still be borders.

Does anyone have any thoughts on this?

pfarnach commented 7 years ago

Actually we may be able to get around this with cloudinary's transform tools

http://cloudinary.com/documentation/image_transformation_reference

I'll take a whack at it now