Image size

[Ivan-Chupin]

.raw-content img {
    max-height: 300px;
    max-width: 100%;
}

Why limit the image size? Why is it equal to 300px? If I remove this restriction, then in my case everything is displayed perfectly.

[akellbl4]

Image can be really long and that's the case when we limited the size because it ocuppied whole viewport's height.

[Ivan-Chupin]

I tested an image (674x708) without max-height: 300px;
Everything was displayed perfectly.

[paskal]

Can you please test narrow but very long image? The size you've posted is almost square.

[paskal]

https://placekitten.com/200/1200 example with current styles:

Without these styles:

I think this can be resolved. We should keep this style in place.

[akellbl4]

@paskal I can't find the issue or the or but I remember that we fixed it very intentionally

[Ivan-Chupin]

@akellbl4 In the current version of Remark42, tests show that there is no need for "max-height: 300px;"

[Ivan-Chupin]

With max-height: 300px;

Without max-height: 300px; everything renders fine. I don't see any point in shrinking the image vertically. In addition, the user does not have the opportunity to view it without scaling. You can limit the height to 4K resolution (2160px).

[paskal]

My viewport height is 795 pixels. The screenshot I gave is how much of the picture fits on my screen. I think comments should be small and tidy and shouldn't be able to hijack multiple screens of a user with a long read image (as Twitter threads are sometimes attached).