diff --git a/assets/development/scripts/home.js b/assets/development/scripts/home.js index 4e16974..ae1cdd1 100644 --- a/assets/development/scripts/home.js +++ b/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) + navOpened = !navOpened + closeMenu() + document.getElementsByClassName('content')[0].scrollIntoView(true) + } else { + document.getElementsByClassName('up-footer')[0].scrollIntoView(true) } } diff --git a/assets/development/styles/home.css b/assets/development/styles/home.css index f4984e6..e839635 100644 --- a/assets/development/styles/home.css +++ b/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; diff --git a/views/base.twig b/views/base.twig index 27c24cf..e082534 100644 --- a/views/base.twig +++ b/views/base.twig @@ -49,7 +49,7 @@ Github: https://github.com/lefuturiste -