fix: less shity ux for mobile home nav

assets/development/scripts/home.js

@@ -190,11 +190,11 @@ function enableTag(node) {
 
   // close the menu if on mobile
   if (navEnablerExists) {
-    setTimeout(() => {
     navOpened = !navOpened
     closeMenu()
-      location.hash = "#nav-content"
-    }, 200)
+    document.getElementsByClassName('content')[0].scrollIntoView(true)
+  } else {
+    document.getElementsByClassName('up-footer')[0].scrollIntoView(true)
   }
 }
 

assets/development/styles/home.css

@@ -74,12 +74,14 @@
 }
 
 .content {
-  margin-top: 1.5em;
+  padding-top: 1.5em;
   display: flex;
 }
 
 
-
+/**
+Nav
+**/
 
 .nav {
   margin-right: 2em;
@@ -318,6 +320,7 @@
 
   .content {
     display: block;
+    padding-top: 1em;
   }
   .nav {
     margin-right: 0;
@@ -330,17 +333,17 @@
     transform: rotate(-90deg)
   }
   #nav-content {
+    overflow: hidden;
     max-height: 0;
     transition: max-height 0.1s ease-out;
   }
 
-  .before-container {
-    overflow: hidden;
-  }
-
   .nav-item {
     width: auto;
   }
+  .nav-item:hover {
+    transform: scale(1); 
+  }
   .nav-mobile-enabler #nav-enabler-icon {
     transition: all 0.1s ease;
   }
@@ -349,6 +352,7 @@
     position: relative;
     border-top: 1px solid #C4C4C4;
     padding-top: 1em;
+    margin-top: .3em;
   }
   .mosaic-header {
     text-align: center;

views/base.twig

@@ -49,7 +49,7 @@ Github: https://github.com/lefuturiste
           </div>
         </div>
       </div>
-      <div class="before-container">
+      <div class="">
         <div class="container">
           <div class="content">
             {% block content %}{% endblock %}