From cfdfdf5f49e1d32b53c6b9e825d11a541f9fbbca Mon Sep 17 00:00:00 2001 From: Gabe Kangas Date: Mon, 8 May 2023 19:28:56 -0700 Subject: [PATCH] fix(chat): add slight spacing via margin below bottom chat message --- .../chat/ChatContainer/ChatContainer.module.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/web/components/chat/ChatContainer/ChatContainer.module.scss b/web/components/chat/ChatContainer/ChatContainer.module.scss index 484e4f85f..dbbf390ff 100644 --- a/web/components/chat/ChatContainer/ChatContainer.module.scss +++ b/web/components/chat/ChatContainer/ChatContainer.module.scss @@ -17,8 +17,8 @@ align-items: center; opacity: 0; animation: show 250ms forwards ease-in-out 500ms; - font-size: 12px; - font-weight: 600; + font-size: 12px; + font-weight: 600; } } @@ -27,13 +27,14 @@ flex-direction: column; background-color: var(--theme-color-components-chat-background); height: 100%; - font-size: var(--chat-message-text-size); + font-size: var(--chat-message-text-size); } .virtuoso { width: auto; flex-grow: 1; overflow-y: scroll; overflow-x: hidden; + margin-bottom: 5px; } .virtuoso::-webkit-scrollbar { @@ -52,7 +53,8 @@ from { opacity: 0; transform: translateY(5px); - } to { + } + to { opacity: 1; transform: translateY(0px); }