From eaef978dc6bc95cb7302990d5451fe5b0101d2ef Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Fri, 12 May 2023 20:03:05 -0400
Subject: Hide scrollbar for chat messages

---
 static/css/home.css | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

(limited to 'static')

diff --git a/static/css/home.css b/static/css/home.css
index 82cad039..156fb323 100644
--- a/static/css/home.css
+++ b/static/css/home.css
@@ -11,7 +11,7 @@
     border-radius: 8px;
 }
 
-#welcome > p {
+#welcome>p {
     width: 375px;
     margin: 12px 0px 12px 50px;
     position: relative;
@@ -32,6 +32,19 @@
     position: relative;
 }
 
+/* Hide scrollbar for Chrome, Safari and Opera */
+#messages::-webkit-scrollbar {
+    display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+#messages {
+    -ms-overflow-style: none;
+    /* IE and Edge */
+    scrollbar-width: none;
+    /* Firefox */
+}
+
 .message {
     text-align: left;
 }
@@ -77,13 +90,15 @@ marquee {
 
 marquee::after {
     position: absolute;
-    top: -4px; bottom: -4px;
-    left: -4px; right: -4px;
+    top: -4px;
+    bottom: -4px;
+    left: -4px;
+    right: -4px;
     content: '';
     z-index: -1;
     border-radius: 16px;
 }
 
-marquee > ul {
+marquee>ul {
     text-align: justify;
-}
+}
\ No newline at end of file
-- 
cgit v1.2.3