Fix/jump menu overscroll (#700)

* hides jump menu when overscrolling * changeset
nasa-jpl · Nov 12, 2024 · 4bcdacd · 4bcdacd
1 parent f750419
commit 4bcdacd
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/real-eggs-shake.md b/.changeset/real-eggs-shake.md
@@ -0,0 +1,5 @@
+---
+"@explorer-1/vue": patch
+---
+
+Hides Jump Menu when overscrolling
diff --git a/packages/vue/src/components/NavJumpMenu/NavJumpMenu.vue b/packages/vue/src/components/NavJumpMenu/NavJumpMenu.vue
@@ -185,6 +185,9 @@ watch(
   &.-ready {
     @apply visible #{!important};
   }
+  &.-at-top {
+    @apply invisible #{!important};
+  }
   .NavSecondaryLink.secondary-root {
     span {
       @apply border-primary #{!important};

diff --git a/packages/vue/src/components/NavSecondary/NavSecondary.vue b/packages/vue/src/components/NavSecondary/NavSecondary.vue
@@ -7,7 +7,8 @@
     :class="{
       'has-intro': hasIntro,
       '!bg-transparent border-none': invert,
-      '-scrolled-up': scrollDirection === 'up'
+      '-scrolled-up': scrollDirection === 'up',
+      '-at-top': posY === 0
     }"
   >
     <div