fix(theme): set pointer events all on VPNavScreen (#1182)

vuejs · Aug 16, 2022 · b36656a · b36656a
1 parent f6d6c62
commit b36656a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
@@ -57,10 +57,6 @@ const { hasSidebar } = useSidebar()
   pointer-events: none;
 }
 
-.VPNavBar .container:deep(*) {
-  pointer-events: all;
-}
-
 @media (min-width: 768px) {
   .VPNavBar {
     padding: 0 32px;
@@ -104,6 +100,10 @@ const { hasSidebar } = useSidebar()
   pointer-events: none;
 }
 
+.container :deep(*) {
+  pointer-events: all;
+}
+
 .content {
   display: flex;
   justify-content: flex-end;

diff --git a/src/client/theme-default/components/VPNavScreen.vue b/src/client/theme-default/components/VPNavScreen.vue
@@ -52,6 +52,7 @@ function unlockBodyScroll() {
   background-color: var(--vp-c-bg);
   overflow-y: auto;
   transition: background-color 0.5s;
+  pointer-events: all;
 }
 
 .VPNavScreen.fade-enter-active,