golang/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2025-11-04 05:17:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(chat): add slight spacing via margin below bottom chat message

Browse Source
This commit is contained in:
Gabe Kangas
2023-05-08 19:28:56 -07:00
parent 671e939eea
commit cfdfdf5f49
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/chat/ChatContainer/ChatContainer.module.scss
View File

@ -17,8 +17,8 @@
align-items: center; align-items: center;
opacity: 0; opacity: 0;
animation: show 250ms forwards ease-in-out 500ms; animation: show 250ms forwards ease-in-out 500ms;
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
} }
} }
@ -27,13 +27,14 @@
flex-direction: column; flex-direction: column;
background-color: var(--theme-color-components-chat-background); background-color: var(--theme-color-components-chat-background);
height: 100%; height: 100%;
font-size: var(--chat-message-text-size); font-size: var(--chat-message-text-size);
} }
.virtuoso { .virtuoso {
width: auto; width: auto;
flex-grow: 1; flex-grow: 1;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
margin-bottom: 5px;
} }
.virtuoso::-webkit-scrollbar { .virtuoso::-webkit-scrollbar {
@ -52,7 +53,8 @@
from { from {
opacity: 0; opacity: 0;
transform: translateY(5px); transform: translateY(5px);
} to { }
to {
opacity: 1; opacity: 1;
transform: translateY(0px); transform: translateY(0px);
} }