LogalDeveloper/owncast
0
Fork 0
Code Activity

Allow for custom scrollbar styling

Browse Source
This commit is contained in:
Gabe Kangas
2022-11-13 12:37:31 -08:00
parent f348203016
commit 769f05db2c
6 changed files with 68 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -51,3 +51,17 @@
overflow-y: scroll;
overflow-x: hidden;
}
.virtuoso::-webkit-scrollbar {
width: 5px;
height: auto;
background-color: var(--theme-color-components-chat-background);
}
.virtuoso::-webkit-scrollbar-thumb {
background: var(--theme-color-components-scrollbar-thumb);
}
.chatTextField {
border-top: 1px solid lightgray;
}

6
web/components/chat/ChatContainer/ChatContainer.tsx
View File

@@ -192,7 +192,11 @@ export const ChatContainer: FC<ChatContainerProps> = ({
return (
<div id="chat-container" className={styles.chatContainer}>
{MessagesTable}
{showInput && <ChatTextField />}
{showInput && (
<div className={styles.chatTextField}>
<ChatTextField />
</div>
)}
</div>
);
};