From 148f79ed1373cbf97ec867889143c6876ff10b43 Mon Sep 17 00:00:00 2001
From: Raven Scott <raven@ssh.surf>
Date: Sun, 9 Jun 2024 00:58:14 -0400
Subject: [PATCH] Actually fixing the scrollbar issue and styling the chat
 scrollbar

---
 style.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 300216a..2752c6f 100644
--- a/style.css
+++ b/style.css
@@ -61,10 +61,24 @@ main {
 
 #messages-container {
     flex: 1;
-    /* overflow-y: auto; */
+    overflow-y: auto; /* Allow vertical scrolling */
+    overflow-x: hidden; /* Hide horizontal scrolling */
     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 {
     display: flex;
     margin-top: 1rem;