UX: Ensure image size is maintained even after loading error (#18805)

2022-10-31 17:55:24 +00:00 · 2022-10-31 17:55:24 +00:00 · d22fddf00a
parent 586454bcf1
commit d22fddf00a
1 changed files with 1 additions and 0 deletions
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@ -196,6 +196,7 @@ $quote-share-maxwidth: 150px;
  img:not(.thumbnail):not(.ytp-thumbnail-image):not(.emoji) {
    max-width: 100%;
    height: auto;
+    display: inline-block; // Ensure dimensions are maintained even after load error

    @supports not (aspect-ratio: 1) {
      // (see javascripts/discourse/app/initializers/image-aspect-ratio.js)