From 68daa5fbe98fe4a8ae0e2220759fab69ef898571 Mon Sep 17 00:00:00 2001 From: Mary Kate Date: Fri, 14 Aug 2020 17:46:21 -0500 Subject: [PATCH] use cover rather than contain on media gallary except on statuses --- app/styles/components/media-gallery.scss | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/app/styles/components/media-gallery.scss b/app/styles/components/media-gallery.scss index 22b59c64c..731f361fc 100644 --- a/app/styles/components/media-gallery.scss +++ b/app/styles/components/media-gallery.scss @@ -5,6 +5,7 @@ border-radius: 4px; position: relative; width: 100%; + height: auto; background-color: var(--brand-color--faint); } @@ -41,7 +42,7 @@ width: 100%; img { - object-fit: contain; + object-fit: cover; } } @@ -63,6 +64,18 @@ } } +.status__wrapper, .detailed-status__wrapper { + .media-gallery__item-thumbnail { + &, + .still-image { + + img { + object-fit: contain; + } + } + } +} + .media-gallery__preview { width: 100%; height: 100%;