UX: prevents non-lightboxed images in quotes from stretching/squeezing (#8021)

UX: prevents non-lightboxed images in quotes from stretching/squeezing (#8021)

diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 00d73f6..8d6e880 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -235,6 +235,8 @@ blockquote {
   // !important here otherwise it won't work.
   img {
     max-width: 100% !important;
+    object-fit: cover;
+    object-position: top;
   }
 }

GitHub sha: 15e70cc4

1 Like