From a0daec6ea10db9ee4c1b3f96b58bfdfa0a836947 Mon Sep 17 00:00:00 2001 From: Oneric Date: Tue, 20 Feb 2024 17:33:38 +0100 Subject: [PATCH 1/2] =?UTF-8?q?static-fe:=20don=E2=80=99t=20squeeze=20non-?= =?UTF-8?q?square=20emoji?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Emoji and the navbar items want to let blend in with lines of text, so fix their height and let the width adjust as needed. --- priv/static/static-fe/static-fe.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/priv/static/static-fe/static-fe.css b/priv/static/static-fe/static-fe.css index 606c07d7e..5bfa03c07 100644 --- a/priv/static/static-fe/static-fe.css +++ b/priv/static/static-fe/static-fe.css @@ -117,6 +117,7 @@ .inner-nav a { .inner-nav img { height: 28px; + width: auto; vertical-align: middle; padding-right: 5px } @@ -642,13 +643,13 @@ @media (max-width: 800px) { } img:not(.u-photo, .fa-icon) { - width: 32px; + width: auto; height: 32px; padding: 0; vertical-align: middle; } .username img:not(.u-photo) { - width: 16px; + width: auto; height: 16px; } \ No newline at end of file From d7c8e9df272a6a5cc58a56e46ca35859537bf645 Mon Sep 17 00:00:00 2001 From: Oneric Date: Fri, 23 Feb 2024 23:39:44 +0000 Subject: [PATCH 2/2] =?UTF-8?q?static-fe:=20don=E2=80=99t=20squeeze=20non-?= =?UTF-8?q?square=20avatars?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This will crop them to a square matching behaviour of Husky and *key and allowing us to never worry about consistent alignment. Note, akkoma-fe instead displays the full image with inserted spacing. --- priv/static/static-fe/static-fe.css | 1 + 1 file changed, 1 insertion(+) diff --git a/priv/static/static-fe/static-fe.css b/priv/static/static-fe/static-fe.css index 5bfa03c07..81a3bc850 100644 --- a/priv/static/static-fe/static-fe.css +++ b/priv/static/static-fe/static-fe.css @@ -441,6 +441,7 @@ .user-info .avatar img { .avatar img { border-radius: 3px; box-shadow: var(--avatarShadow); + object-fit: cover; } .user-summary {