From d0780eacdcddd20a55af00a943ab57f680a65b42 Mon Sep 17 00:00:00 2001 From: chapoi <101828855+chapoi@users.noreply.github.com> Date: Mon, 30 Jan 2023 13:59:25 +0100 Subject: [PATCH] FIX: preserves avatar size inside onebox (#20066) * UX: Wrap chat one-box avatars * UX: restrict onebox image css to non-avatar --- app/assets/stylesheets/common/base/onebox.scss | 2 +- plugins/chat/assets/stylesheets/common/chat-onebox.scss | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss index 94205c7419..b31641a0fd 100644 --- a/app/assets/stylesheets/common/base/onebox.scss +++ b/app/assets/stylesheets/common/base/onebox.scss @@ -141,7 +141,7 @@ aside.onebox { color: var(--tertiary); } - img { + img:not(.avatar) { max-height: 170px; max-width: 20%; @media all and (max-width: 600px) { diff --git a/plugins/chat/assets/stylesheets/common/chat-onebox.scss b/plugins/chat/assets/stylesheets/common/chat-onebox.scss index 39250f62b2..c039e7463d 100644 --- a/plugins/chat/assets/stylesheets/common/chat-onebox.scss +++ b/plugins/chat/assets/stylesheets/common/chat-onebox.scss @@ -18,6 +18,7 @@ align-items: center; color: var(--primary-medium); display: flex; + flex-wrap: wrap; .avatar { aspect-ratio: 30 / 30;