Cyber/LinkUp-P2P-Chat
1
0
Fork 0
forked from snxraven/LinkUp-P2P-Chat
Code Pull Requests Activity

Actually fixing the scrollbar issue and styling the chat scrollbar

Browse Source
This commit is contained in:
Raven Scott 2024-06-09 00:58:14 -04:00
parent d6f14c3062
commit 148f79ed13
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
style.css
View File

@ -61,10 +61,24 @@ main {
#messages-container { #messages-container {
flex: 1; flex: 1;
/* overflow-y: auto; */ overflow-y: auto; /* Allow vertical scrolling */
overflow-x: hidden; /* Hide horizontal scrolling */
width: 100%; width: 100%;
} }
#messages-container::-webkit-scrollbar {
width: 8px; /* Set the width of the scrollbar */
}
#messages-container::-webkit-scrollbar-thumb {
background-color: #b0d944; /* Set the color of the scrollbar thumb */
border-radius: 10px; /* Round the corners of the scrollbar thumb */
}
#messages-container::-webkit-scrollbar-track {
background: #2e2e2e; /* Set the color of the scrollbar track */
}
#message-form { #message-form {
display: flex; display: flex;
margin-top: 1rem; margin-top: 1rem;