From 8d1adff2aefdace3d43a1b63819f204318ad7a8e Mon Sep 17 00:00:00 2001
From: Olivier Gagnon <oli.gagnon4418@gmail.com>
Date: Sat, 11 Sep 2021 12:42:41 -0400
Subject: [PATCH] get rid of scrollbar for pages

---
 css/menupages.scss | 4 ++--
 css/styles.scss    | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/css/menupages.scss b/css/menupages.scss
index ede764446..1c89f0549 100644
--- a/css/menupages.scss
+++ b/css/menupages.scss
@@ -7,13 +7,13 @@
 .generic-menupage-container {
   padding-left: 10px;
   margin-left: 10%;
+  -ms-overflow-style: none; /* for Internet Explorer, Edge */
+  scrollbar-width: none; /* for Firefox */
 }
 
 #generic-react-container {
   padding: 10px;
   overflow-y: scroll;
-  -ms-overflow-style: none; /* for Internet Explorer, Edge */
-  scrollbar-width: none; /* for Firefox */
 }
 
 #generic-react-container::-webkit-scrollbar {
diff --git a/css/styles.scss b/css/styles.scss
index 3876a0a0d..1f9ffe5ae 100644
--- a/css/styles.scss
+++ b/css/styles.scss
@@ -12,6 +12,12 @@
 
 body {
   background-color: var(--my-background-color);
+  -ms-overflow-style: none; /* for Internet Explorer, Edge */
+  scrollbar-width: none; /* for Firefox */
+}
+
+body::-webkit-scrollbar {
+  display: none; /* for Chrome, Safari, and Opera */
 }
 
 p,