fix: fixed scroll issue on firefox for climate apps

beckn · Dec 9, 2024 · a777ad7 · a777ad7
1 parent 2975f6b
commit a777ad7
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 4 deletions.
diff --git a/apps/dragon-foods/styles/globals.css b/apps/dragon-foods/styles/globals.css
@@ -53,7 +53,10 @@ body {
   background-color: rgb(var(--color-bg));
   color: rgb(var(--color-text-base));
 }
-
+.hideScroll {
+  scrollbar-width: none; /* Hides the scrollbar in Firefox */
+  -ms-overflow-style: none; /* Hides the scrollbar in Internet Explorer 10+ */
+}
 .hideScroll::-webkit-scrollbar {
   display: none;
 }

diff --git a/apps/earth-support-initiative/styles/globals.css b/apps/earth-support-initiative/styles/globals.css
@@ -53,7 +53,10 @@ body {
   background-color: rgb(var(--color-bg));
   color: rgb(var(--color-text-base));
 }
-
+.hideScroll {
+  scrollbar-width: none; /* Hides the scrollbar in Firefox */
+  -ms-overflow-style: none; /* Hides the scrollbar in Internet Explorer 10+ */
+}
 .hideScroll::-webkit-scrollbar {
   display: none;
 }

diff --git a/apps/envirogrowth/styles/globals.css b/apps/envirogrowth/styles/globals.css
@@ -53,6 +53,10 @@ body {
   background-color: rgb(var(--color-bg));
   color: rgb(var(--color-text-base));
 }
+.hideScroll {
+  scrollbar-width: none; /* Hides the scrollbar in Firefox */
+  -ms-overflow-style: none; /* Hides the scrollbar in Internet Explorer 10+ */
+}
 
 .hideScroll::-webkit-scrollbar {
   display: none;

diff --git a/apps/harmoni-aids/styles/globals.css b/apps/harmoni-aids/styles/globals.css
@@ -53,7 +53,10 @@ body {
   background-color: rgb(var(--color-bg));
   color: rgb(var(--color-text-base));
 }
-
+.hideScroll {
+  scrollbar-width: none; /* Hides the scrollbar in Firefox */
+  -ms-overflow-style: none; /* Hides the scrollbar in Internet Explorer 10+ */
+}
 .hideScroll::-webkit-scrollbar {
   display: none;
 }

diff --git a/apps/sky-analytics/styles/globals.css b/apps/sky-analytics/styles/globals.css
@@ -53,6 +53,10 @@ body {
   background-color: rgb(var(--color-bg));
   color: rgb(var(--color-text-base));
 }
+.hideScroll {
+  scrollbar-width: none; /* Hides the scrollbar in Firefox */
+  -ms-overflow-style: none; /* Hides the scrollbar in Internet Explorer 10+ */
+}
 
 .hideScroll::-webkit-scrollbar {
   display: none;

diff --git a/apps/state-forest-department/styles/globals.css b/apps/state-forest-department/styles/globals.css
@@ -53,7 +53,10 @@ body {
   background-color: rgb(var(--color-bg));
   color: rgb(var(--color-text-base));
 }
-
+.hideScroll {
+  scrollbar-width: none; /* Hides the scrollbar in Firefox */
+  -ms-overflow-style: none; /* Hides the scrollbar in Internet Explorer 10+ */
+}
 .hideScroll::-webkit-scrollbar {
   display: none;
 }