Now, this situation only exists when you change the default image style for the "Preview" image view mode from square_thumbnail to something else that doesn't crop all images to the same dimensions. I did it (and apparently others do too) because I like to know what the image looks like before I select it.

If Media Browser is showing rectangular images where (after scaling) the width is less than 100px, the browser rescales the image to 100px wide. Aside from degrading the image, this throws the display into chaos because the various divs are now different lengths!

The culprit is line 27 of media/css/media.css -- "width: 100%;". Take this out and everything goes back to normal. Even with the standard square thumbnails, nothing is affected. The line is simply not needed.

Comments

devin carlson’s picture

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.