fix(theme): don't let navbar obstruct clicks to top part of scrollbar (…

…#1168)
vuejs · Aug 15, 2022 · 44953dc · 44953dc
1 parent 4e4a21a
commit 44953dc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue
@@ -33,6 +33,7 @@ provide('close-screen', closeScreen)
   left: 0;
   z-index: var(--vp-z-index-nav);
   width: 100%;
+  pointer-events: none;
 }
 
 @media (min-width: 960px) {

diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
@@ -54,6 +54,11 @@ const { hasSidebar } = useSidebar()
   padding: 0 8px 0 24px;
   height: var(--vp-nav-height-mobile);
   transition: border-color 0.5s, background-color 0.5s;
+  pointer-events: none;
+}
+
+.VPNavBar .container:deep(*) {
+  pointer-events: all;
 }
 
 @media (min-width: 768px) {
@@ -96,6 +101,7 @@ const { hasSidebar } = useSidebar()
   justify-content: space-between;
   margin: 0 auto;
   max-width: calc(var(--vp-layout-max-width) - 64px);
+  pointer-events: none;
 }
 
 .content {