Update scroll style

AllenInstitute · May 21, 2024 · ae71346 · ae71346
1 parent 16ec93a
commit ae71346
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 4 deletions.
diff --git a/packages/core/components/QuerySidebar/QuerySidebar.module.css b/packages/core/components/QuerySidebar/QuerySidebar.module.css
@@ -56,7 +56,7 @@
 
     background-color: var(--secondary-sidebar-color);
     color: var(--primary-sidebar-text-color);
-    padding: 0.5em;
+    padding: 0.0.5em 0 0.5em 0.5em;
 }
 
 .minimized-container {

diff --git a/packages/core/styles/global.css b/packages/core/styles/global.css
@@ -21,6 +21,7 @@ main {
     padding: 0;
     border: 0;
     overflow: hidden;
+    scrollbar-color:  var(--borders-light-grey) var(--accent-dark)
 }
 
 body {

diff --git a/packages/web/src/components/Home/Home.module.css b/packages/web/src/components/Home/Home.module.css
@@ -6,6 +6,15 @@
     position: relative;
 }
 
+.root {
+    margin: 0;
+    border: 0;
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    justify-content: center;
+}
+
 .content {
     padding: calc(4*var(--margin));
     max-width: 1200px;

diff --git a/packages/web/src/components/Home/index.tsx b/packages/web/src/components/Home/index.tsx
@@ -51,7 +51,7 @@ export default function Home() {
         },
     ];
     return (
-        <>
+        <div className={styles.root}>
             <Banner />
             <div className={styles.content}>
                 <div className={styles.header}>
@@ -74,6 +74,6 @@ export default function Home() {
                     </div>
                 </div>
             </div>
-        </>
+        </div>
     );
 }
diff --git a/packages/web/src/components/Layout/Layout.module.css b/packages/web/src/components/Layout/Layout.module.css
@@ -5,6 +5,5 @@
   border: 0;
   width: 100%;
   height: 100%;
-  overflow-y: auto;
   justify-content: center;
 }