From 0cd46712cadfd80b472274883bbded6d758cebb9 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 6 Aug 2022 21:31:36 -0700
Subject: [PATCH] style(docs): side nav overlay should be clickable [ci skip]

---
 docs/src/global.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/docs/src/global.css b/docs/src/global.css
index 6213d9a7..c3fa1011 100644
--- a/docs/src/global.css
+++ b/docs/src/global.css
@@ -101,6 +101,12 @@ html[theme="g90"] .code-override {
   z-index: calc(8000 + 1);
 }
 
+@media (max-width: 65.98rem) {
+  [aria-label="Navigation"] ~ [data-components] {
+    z-index: 1;
+  }
+}
+
 .prose > p > .bx--link {
   font-size: inherit;
   text-decoration: underline;
@@ -122,7 +128,6 @@ html[theme="g90"] .code-override {
 }
 
 [data-components] {
-  z-index: 2;
   position: relative;
   display: flex;
 }
@@ -172,10 +177,6 @@ html[theme="g90"] .code-override {
   overflow-y: auto;
 }
 
-.bx--side-nav__overlay-active {
-  z-index: calc(10 + 1); /** supersede the z-index of code snippets */
-}
-
 .body-short-01 {
   font-size: var(--cds-body-short-01-font-size);
   font-weight: var(--cds-body-short-01-font-weight);