From 686fa5860f9ed5942b6794b8b525b2715bd1ac4e Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Mon, 19 Aug 2024 18:20:41 -0700
Subject: [PATCH] remove unnecessary scrollbars

---
 dist/index.css        | 8 ++++----
 src/View/chatPage.css | 4 ----
 src/View/homePage.css | 6 +++++-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/dist/index.css b/dist/index.css
index 2031038a..43d4421c 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -281,9 +281,6 @@ body[showing-chat] #chat-page-wrapper {
 }
 #chat-page > div > #main {
   width: calc(100% - var(--ribbon-size) - 1px);
-  overflow-x: scroll;
-  scroll-behavior: smooth;
-  scroll-snap-type: x mandatory;
 }
 #chat-page #main > div,
 #chat-page > div > #main > div > .pane-wrapper,
@@ -413,7 +410,7 @@ body[showing-chat] #chat-page-wrapper {
   width: 100%;
   min-width: 100%;
   height: 100%;
-  overflow: scroll;
+  overflow-y: auto;
   scroll-snap-align: center;
 }
 #home-page #overview-section,
@@ -434,6 +431,9 @@ body[showing-chat] #chat-page-wrapper {
   color: black;
 }
 @media (min-width: 640px) {
+  #home-page > div {
+    overflow-x: hidden;
+  }
   #home-page #overview-section {
     width: 20rem;
     min-width: 20rem;
diff --git a/src/View/chatPage.css b/src/View/chatPage.css
index 05d39717..b73f3118 100644
--- a/src/View/chatPage.css
+++ b/src/View/chatPage.css
@@ -45,10 +45,6 @@ body[showing-chat] #chat-page-wrapper {
 
 #chat-page > div > #main {
   width: calc(100% - var(--ribbon-size) - 1px);
-
-  overflow-x: scroll;
-  scroll-behavior: smooth;
-  scroll-snap-type: x mandatory;
 }
 
 #chat-page #main > div,
diff --git a/src/View/homePage.css b/src/View/homePage.css
index b0684595..48f4f658 100644
--- a/src/View/homePage.css
+++ b/src/View/homePage.css
@@ -24,7 +24,7 @@
   width: 100%;
   min-width: 100%;
   height: 100%;
-  overflow: scroll;
+  overflow-y: auto;
 
   scroll-snap-align: center;
 }
@@ -55,6 +55,10 @@
 }
 
 @media (min-width: 640px) {
+  #home-page > div { 
+    overflow-x: hidden;
+  }
+
   #home-page #overview-section {
     width: 20rem;
     min-width: 20rem;