Merge pull request #10 from dabigjoe6/overflow_fix

Overflow fix
dabigjoe6 · Jun 22, 2023 · ef26b52 · ef26b52
2 parents 6cebc78 + 3d07119
commit ef26b52
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/src/index.css b/src/index.css
@@ -1,18 +1,30 @@
 @font-face {
-  font-family: 'TrebuchetMS';
-  src: local('TrebuchetMS'), url(./fonts/trebuc.ttf) format('ttf');
+  font-family: "TrebuchetMS";
+  src: local("TrebuchetMS"), url(./fonts/trebuc.ttf) format("ttf");
   /* other formats include: 'woff2', 'truetype, 'opentype',
                             'embedded-opentype', and 'svg' */
 }
 
 body {
   margin: 0;
-  font-family: -apple-system, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+  font-family: -apple-system, "Trebuchet MS", "Lucida Sans Unicode",
+    "Lucida Grande", "Lucida Sans", Arial, sans-serif, "Segoe UI", "Roboto",
+    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   box-sizing: border-box;
+  -ms-overflow-style: none;
+}
+
+body::-webkit-scrollbar {
+  display: none;
+  -ms-overflow-style: none;
+}
+
+div::-webkit-scrollbar{
+  display: none;
+  -ms-overflow-style: none;
 }
 
 code {

diff --git a/src/pages/home.tsx b/src/pages/home.tsx
@@ -20,7 +20,6 @@ const Container = styled.div`
   flex-direction: column;
   min-height: 100vh;
   box-sizing: border-box;
-  overflow: scroll;
 `;
 
 const SubscriptionsContainer = styled.div`
@@ -37,8 +36,8 @@ const SubscriptionsContainer = styled.div`
 scr`;
 
 const SubscriptionList = styled.div`
-max-height: 25rem;
-overflow: scroll;
+  max-height: 25rem;
+  overflow-y: auto;
 `;
 
 const NewSubscribptionButton = styled(Button)`