Appropriate limit to image width/size

[HarHarLinks]

Your use case

What would you like to do?

Images can have many aspect ratios. Recently this setting was added to element (matrix-org/matrix-react-sdk#7017):

I like that feature very much for most use cases, for example: often a smartphone screenshot is shared with a 9:16 or similar ratio at resolutions of 1080x1920. That is huge and fills out the whole screen.

On the other hand, sometimes I share screenshots like the following:

I would like there to be a threshold of aspect ratio where element displays the thumbnail still at max width (as it used to), but as the aspect ratio gets closer to square, limit it (by height, e.g. as high as a collapsed code block?).

Why would you like to do it?

There is no use in limiting pictures like these to 1/3 of the timeline width (on 1080p, with right panel open), actually it limits the usefulness as I can barely recognize what the thumbnail is of.

How would you like to achieve it?

I think it is more complicated than simply limiting height. In the end an image should take up a maximum amount of display area. There is a threshold somewhere in there where an image starts to feel overwhelmingly large.

Have you considered any alternatives?

No response

Additional context

#19788

[HarHarLinks]

This case is so ridiculous, I thought it was a <hline>/--- for a second.

[HarHarLinks]

the timestamp (see on the left) can get overlapped: an element should be fixed to have minimum height of 1em ("one line of text") or so.