Fix inline image rendering

For posts with inline images, we need to set a `max-height` so that high-resolution images don't take up too much vertical space when rendering. This only affects images in `.status__content__text`, so it doesn't affect image galleries at all. Also adding a margin to the bottom for nicer spacing. Fixes #1145.
2022-05-08 12:15:51 -07:00 · 2022-05-08 12:15:51 -07:00 · 2b9f8d25e3
parent c73b54a1da
commit 2b9f8d25e3
1 changed files with 5 additions and 0 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -781,6 +781,11 @@
    margin: -3px 0 0;
  }
  .status__content__text {
+    img {
+      max-height: 300px;
+      margin-bottom: 20px;
+    }
+
    p,
    pre,
    blockquote {