[CSS/Phone] bad image scaling in status update

[givingtnt]

Browser, version and OS: 

 

Steps to reproduce/what were you doing before it happened?

open the page

 

 

What happened?

Scaling is funky on the image (stretched vertically)

 

What did you expect to happen?

No stretch

 

Link to a page where it happened, if applicable: https://linustechtips.com/profile/85015-givingtnt/?status=282152&type=status

 

Screenshots of the issue, if applicable: 

Any other relevant details:

 

 

If it's a cloudflare error, what was the ray ID from the bottom of the error page?

[colonel_mortis]

I think that image was copied from another site, which carried with it a fixed height. Images uploaded to the forum directly shouldn't experience that.

[Nayr438]

It's the result of a static size where only the width is scaled. Overriding the hight to auto to ignore its static value should fix it without affecting anything else as far as I can tell.

.ipsType_richText img {
	max-width: 100%;
	height: auto !important;
}

 

Default values for reference

Spoiler

<img alt="Heart's Monitor | Awkward yeti, Heart and brain comic, Funny jokes" data-ratio="100.00" style="height:720px;width:720px;margin:0px;" data-src="https://i.pinimg.com/originals/99/19/6c/99196c175e71d9c883a0f62d599a2e5e.jpg" src="https://i.pinimg.com/originals/99/19/6c/99196c175e71d9c883a0f62d599a2e5e.jpg" class="ipsImage_thumbnailed" data-loaded="true" width="720">

.ipsType_richText img {
	max-width: 100%;
}