From 28a27a30d5b224bf34caceb71c5c0c9b6c0ec7cb Mon Sep 17 00:00:00 2001
From: Kia King Ishii <kia.king.08@gmail.com>
Date: Fri, 29 Dec 2023 12:43:14 +0900
Subject: [PATCH] organize z-index

---
 src/client/theme-default/components/VPLocalNav.vue | 1 -
 src/client/theme-default/components/VPSidebar.vue  | 1 -
 src/client/theme-default/styles/vars.css           | 6 ++++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue
index ecbca83a..5491b94c 100644
--- a/src/client/theme-default/components/VPLocalNav.vue
+++ b/src/client/theme-default/components/VPLocalNav.vue
@@ -98,7 +98,6 @@ const classes = computed(() => {
 @media (min-width: 960px) {
   .VPLocalNav {
     top: var(--vp-nav-height);
-    z-index: 1;
   }
 
   .VPLocalNav.has-sidebar {
diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue
index 62b6f5c8..d6c73219 100644
--- a/src/client/theme-default/components/VPSidebar.vue
+++ b/src/client/theme-default/components/VPSidebar.vue
@@ -87,7 +87,6 @@ watch(
 
 @media (min-width: 960px) {
   .VPSidebar {
-    z-index: 1;
     padding-top: var(--vp-nav-height);
     width: var(--vp-sidebar-width);
     max-width: 100%;
diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css
index a6dfab62..cf5e2b91 100644
--- a/src/client/theme-default/styles/vars.css
+++ b/src/client/theme-default/styles/vars.css
@@ -264,6 +264,12 @@
   --vp-z-index-sidebar: 60;
 }
 
+@media (min-width: 960px) {
+  :root {
+    --vp-z-index-sidebar: 25;
+  }
+}
+
 /**
  * Icons
  * -------------------------------------------------------------------------- */