Image sizing
What does this MR do?
Limits image height to fit the screen. The wrapping div is so the image is guaranteed to be a block element without the link area growing to be larger than the image itself.
Are there points in the code the reviewer needs to double check?
Make sure this can't be done in a more performant or concise way with Banzai.
Why was this MR needed?
Images were displayed at their full resolution, which made it difficult to read issues when the image height was greater than the viewport height (see #18861 (closed)).
What are the relevant issue numbers?
Fixes #18861 (closed).
Screenshots (if relevant)
Before:
After:
Does this MR meet the acceptance criteria?
-
CHANGELOG entry added -
Tests -
Added for this feature/bug -
All builds are passing
-
-
Conform by the style guides -
Branch has no merge conflicts with master(if you do - rebase it please) -
Squashed related commits together