Navbar barrierearm

components/Navbar/NavbarSubMenu.module.css

@@ -10,16 +10,23 @@
   opacity: 1;
   overflow: hidden;
   pointer-events: none;
+  transform: translateY(-4px);
   transition:
     max-height 250ms ease,
-    opacity 180ms ease;
+    opacity 180ms ease,
+    transform 180ms ease;
   background-color: var(--nav-bg);
 }
 
+.nav-submenu[hidden] {
+  display: none !important;
+}
+
 .nav-submenu.open {
   max-height: var(--submenu-h);
   opacity: 1;
   pointer-events: auto;
+  transform: translateY(0);
 }
 
 .nav-submenu-inner {
@@ -69,6 +76,7 @@
     pointer-events: none;
     box-shadow: 0 4px 6px -6px rgb(0 0 0 / 30%);
     opacity: 0;
+    transform: translateY(-8px);
     transition:
       max-height 300ms,
       opacity 300ms,