fix overflow-y scrolling

zeptofine · Dec 30, 2023 · a81f777 · a81f777
1 parent b7ca67f
commit a81f777
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 12 deletions.
diff --git a/css/projects.css b/css/projects.css
@@ -9,8 +9,6 @@
 }
 
 
-
-
 .linkcell {
     height: 120px;
     width: 100%;
@@ -29,7 +27,6 @@
 .linkcell div {
     width: 100%;
     height: 100%;
-
 }
 
 .linkcell * {
@@ -40,6 +37,14 @@
     overflow-y: hidden;
 }
 
+.linkcell:is(:nth-child(1)) {
+    margin-top: 0;
+}
+
+.linkcell:is(:nth-last-child(1)) {
+    margin-bottom: 0
+}
+
 
 #embedbox {
     height: 100%;

diff --git a/css/styles.css b/css/styles.css
@@ -236,7 +236,7 @@ a:visited {
   width: var(--width-controller);
 
   box-sizing: border-box;
-  overflow-y: auto;
+  overflow-y: hidden;
 
   -webkit-border-radius: var(--border-radius-3);
   border-radius: var(--border-radius-3);
@@ -259,7 +259,9 @@ a:visited {
   background-color: var(--col-table-buttons);
 }
 
-
+#tablesdiv {
+  overflow-y:auto;
+}
 
 .tables {
   width: 100%;
@@ -278,6 +280,7 @@ a:visited {
   height: 100%;
   transition: all 1s var(--easer);
 }
+
 #profilepic {
   width: 50%;
   height: 240px;
@@ -328,17 +331,14 @@ a:visited {
 .image {
   width: 100%;
   height:200px;
-    background-size: cover;
-    background-color: black;
+  background-size: cover;
+  background-color: black;
 }
 
 #featured-images {
     height: 100%;
 }
 
-#img-mac-wallpaper {
-  background-image: url("../images/featured/MacWallpaper.png");
-}
 
 @keyframes flash_outline {
   0% {

diff --git a/index.html b/index.html
@@ -18,7 +18,7 @@
             <div id="tablebox" class="outlined gapless">
                 <div id="buttonbox" class="row fullheight sharp-bl sharp-br"></div>
                 <div id="tablesdiv" class="gapless row fullheight fullwidth">
-                    <div id="aboutbox" class="tables sharp-tl sharp-tr" data-name="About me" data-height="7">
+                    <div id="aboutbox" class="tables sharp-tl sharp-tr" data-name="About me" data-height="4">
                         <div class="pad-x pad-y column fullheight">
                             <div class="infobox">
                                 <!-- <div class="picture row">
@@ -92,7 +92,7 @@ <h1 class="row">Hi! I'm Zeptofine</h1>
                                 </div>
                             </button>
                         </div>
-                        <div id="embedbox" class="sharp column pad-x pad-y">
+                        <div id="embedbox" class="column pad-x pad-y">
                             <a id="source"></a>
                             <iframe title="embed" id="embedframe" src="" class="outlined"
                                 sandbox="allow-scripts allow-popups">