From 3e857b9a99a4e8a55198e280ef550bc1a9d10af2 Mon Sep 17 00:00:00 2001 From: Jamie Kyle <113370520+jamiebuilds-signal@users.noreply.github.com> Date: Mon, 11 Aug 2025 10:22:54 -0700 Subject: [PATCH] Fix image thumbnail cover size --- stylesheets/_modules.scss | 4 ---- ts/components/ImageOrBlurhash.tsx | 3 +++ 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss index b3c07acb9f..b6056a57dc 100644 --- a/stylesheets/_modules.scss +++ b/stylesheets/_modules.scss @@ -3340,10 +3340,6 @@ button.module-image__border-overlay:focus { &.module-image:hover::before { opacity: 1; } - - &.module-image .module-image__image { - aspect-ratio: 1 / 1; - } } // Module: Staged Generic Attachment diff --git a/ts/components/ImageOrBlurhash.tsx b/ts/components/ImageOrBlurhash.tsx index 8dc5a45432..9081e12318 100644 --- a/ts/components/ImageOrBlurhash.tsx +++ b/ts/components/ImageOrBlurhash.tsx @@ -59,6 +59,9 @@ export function ImageOrBlurhash({ ? `${intrinsicWidth} / ${intrinsicHeight}` : undefined, + width: '100%', + height: '100%', + // Preserve aspect ratio backgroundSize: 'cover', backgroundPosition: 'center',