organize z-index

2 years ago · 28a27a30d5
parent c5ab7d1f10
commit 28a27a30d5
3 changed files with 6 additions and 2 deletions
--- 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 {
--- 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%;
--- 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
 * -------------------------------------------------------------------------- */