LogalDeveloper/owncast
0
Fork 0
Code Activity

styles for message only view

Browse Source
This commit is contained in:
Ginger Wong
2020-08-19 00:47:41 -07:00
parent d7b8058264
commit 0325af3ce7
3 changed files with 36 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webroot/js/chat/chat.js
View File

@@ -182,7 +182,7 @@ export default class Chat extends Component {
if (messagesOnly) {
return (
html`
<div id="messages-container">
<div id="messages-container" class="messages-only">
${messageList}
</div>
`);

5
webroot/js/chat/message.js
View File

@@ -14,7 +14,10 @@ export default class Message extends Component {
const { image, author, body } = message;
const formattedMessage = formatMessageText(body, username);
const avatar = image || generateAvatar(author);
const avatarBgColor = { backgroundColor: messageBubbleColorForString(author) };
const authorColor = messageBubbleColorForString(author);
const avatarBgColor = { backgroundColor: authorColor };
const authorTextColor = { color: authorColor };
return (
html`
<div class="message flex">