Updated GraphAcademy links, fixes nav bug when resizing in and out of…

… mobile view (#76)
neo4j-documentation · Jan 11, 2022 · 2416c96 · 2416c96
1 parent 5b354fd
commit 2416c96
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/src/css/nav.css b/src/css/nav.css
@@ -62,6 +62,13 @@ html.is-clipped--nav {
   overflow-y: hidden;
 }
 
+@media screen and (max-width: 1023px) {
+  html.is-clipped--nav .toolbar {
+    position: fixed;
+    width: 100%;
+  }
+}
+
 .nav-panel-menu {
   overflow-y: scroll;
   display: flex;

diff --git a/src/js/01-nav.js b/src/js/01-nav.js
@@ -148,4 +148,14 @@
     if (!el) return
     return selector ? el[el.matches ? 'matches' : 'msMatchesSelector'](selector) && el : el
   }
+
+  // Remove clipped nav
+  function removeClippedNav () {
+    var html = document.querySelector('html')
+    if (window.innerWidth >= 1024 && html.classList.has('is-clipped--nav')) {
+      html.classList.remove('is-clipped--nav')
+    }
+  }
+
+  window.addEventListener('resize', removeClippedNav)
 })()
diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
@@ -131,7 +131,11 @@
               </ul>
             </div>
             <div class="navbar-item project">
-              <a class="project-name" href="/developer/graphacademy/">GraphAcademy</a>
+              <a class="project-name" href="https://graphacademy.neo4j.com/?ref=docs" target="_blank">GraphAcademy</a>
+              <ul class="project-links">
+                <li><a class="project-link" href="https://graphacademy.neo4j.com/?ref=docs">Self Paced Training</a></li>
+                <li><a class="project-link" href="https://graphacademy.neo4j.com/categories/certification/" target="_blank">Certification</a></li>
+              </ul>
             </div>
             <div class="navbar-item project">
               <a class="project-name" href="/graphgists/">GraphGists</a>