From 810df2f19c2da76ad112b0a923dfb42324e53500 Mon Sep 17 00:00:00 2001 From: evazion Date: Wed, 8 Dec 2021 19:46:25 -0600 Subject: [PATCH] posts: fix thumbnail css. Fix thumbnail CSS to not use `width: auto`, because that made the page reflow. It made thumbnails start out at 0x0 size, then resize to the actual size only after the image was loaded. --- .../post_gallery_component/post_gallery_component.scss | 6 ------ .../post_preview_component/post_preview_component.scss | 2 +- 2 files changed, 1 insertion(+), 7 deletions(-) diff --git a/app/components/post_gallery_component/post_gallery_component.scss b/app/components/post_gallery_component/post_gallery_component.scss index 6f52c3cc7..6bed5e583 100644 --- a/app/components/post_gallery_component/post_gallery_component.scss +++ b/app/components/post_gallery_component/post_gallery_component.scss @@ -1,9 +1,3 @@ -.post-gallery { - .post-preview-image { - max-width: 100%; - } -} - .post-gallery-inline { .posts-container { overflow-x: auto; diff --git a/app/components/post_preview_component/post_preview_component.scss b/app/components/post_preview_component/post_preview_component.scss index 5fc7dc8fb..fe99103ab 100644 --- a/app/components/post_preview_component/post_preview_component.scss +++ b/app/components/post_preview_component/post_preview_component.scss @@ -40,7 +40,7 @@ article.post-preview { } .post-preview-image { - width: auto; + max-width: 100%; height: auto; }