LogalDeveloper/owncast
0
Fork 0
Code Activity

Few changes to chat.

Browse Source 
Changed the way the background is set on self sent messages and some
styling.

Fixed chat container not scrolling. Added 'go to bottom' button.
This commit is contained in:
t1enne
2022-07-01 19:35:14 +02:00
parent 43aba0a67c
commit 455d8f8169
4 changed files with 87 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web/components/chat/ChatUserMessage/ChatUserMessage.module.scss
View File

@@ -1,9 +1,20 @@
.root {
position: relative;
font-size: 0.9rem;
padding: 5px;
padding: 5px 15px 5px 5px;
padding-left: 1rem;
margin: 8px 5px;
// animation: chatFadeIn .1s ease-in;
.background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: currentColor;
opacity: 0.07;
border-radius: .25rem;
overflow: hidden;
}
.user {
font: var(--theme-header-font-family);
color: var(--color-owncast-grey-100);
@@ -56,3 +67,14 @@
}
}
}
@keyframes chatFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}