From 1ddf2012eea12a339dd46f82f2ed3586c5cf4398 Mon Sep 17 00:00:00 2001 From: Claire Date: Sat, 9 Dec 2023 20:29:15 +0100 Subject: [PATCH] Fix status avatar size discrepancies (#2510) Follow-up to #2508 --- .../flavours/glitch/styles/components/status.scss | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index 85e3165a88..bf88d7ab4c 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -685,8 +685,6 @@ a.status__display-name, .status__avatar { flex: none; margin-inline-end: 10px; - height: 48px; - width: 48px; } .muted { @@ -1051,7 +1049,7 @@ a.status-card.compact:hover { width: 0; position: absolute; top: 0; - inset-inline-start: 14px + ((48px - 2px) * 0.5); + inset-inline-start: 14px + ((46px - 2px) * 0.5); &--full { top: 0; @@ -1062,7 +1060,7 @@ a.status-card.compact:hover { display: block; position: absolute; top: 10px - 4px; - height: 48px + 4px + 4px; + height: 46px + 4px + 4px; width: 2px; background: $ui-base-color; inset-inline-start: -2px; @@ -1070,8 +1068,8 @@ a.status-card.compact:hover { } &--first { - top: 10px + 48px + 4px; - height: calc(100% - (10px + 48px + 4px)); + top: 10px + 46px + 4px; + height: calc(100% - (10px + 46px + 4px)); &::before { display: none;