Merge pull request #109 from daithihearn/horizonaltal-scroll

Attempting to disable horizontal scroll on mobile
daithihearn · Jan 25, 2023 · fd1f7e5 · fd1f7e5
2 parents 1973039 + 497ff0f
commit fd1f7e5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/pages/Layout/Layout.tsx b/src/pages/Layout/Layout.tsx
@@ -15,7 +15,7 @@ const Layout = () => {
     }, [isLoading, isAuthenticated])
 
     return (
-        <div className="main_content">
+        <div className="main_content no-horizontal-scroll">
             <span className="app" style={{ overflowX: "hidden" }}>
                 <div className="app_body">
                     <main className="main">

diff --git a/src/scss/_custom.scss b/src/scss/_custom.scss
@@ -17,6 +17,11 @@ body {
     }
 }
 
+.no-horizontal-scroll {
+    overflow-y: scroll;
+    overflow-x: hidden;
+}
+
 @media (min-width: 992px) {
     .sidebar-fixed .sidebar {
         position: fixed;