Merge pull request #4319 from cypress-io/dx-813-spacing-issue-causes-…

…navigation-elements DX-813: Making navigation items accessible
cypress-io · Jan 21, 2022 · 43bb00b · 43bb00b · vercel · Jan 21, 2022
2 parents 68c65c8 + 471473b
commit 43bb00b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/components/AppSidebar.vue b/components/AppSidebar.vue
@@ -53,7 +53,7 @@ export default {
 
 <template>
   <aside
-    class="app-sidebar hide-scroll hidden lg:flex lg:w-sidebar lg:col-span-3 xl:col-span-2 top-0 left-0 bottom-0 flex-col border-r border-b border-gray-200 mt-16 bg-lightGray overflow-y-auto"
+    class="app-sidebar hide-scroll hidden lg:flex lg:w-sidebar lg:col-span-3 xl:col-span-2 top-0 left-0 bottom-0 flex-col border-r border-b border-gray-200 mt-16 bg-lightGray overflow-y-auto lg:z-10"
     role="navigation"
   >
     <div

diff --git a/components/TableOfContents.vue b/components/TableOfContents.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="hidden xl:block xl:col-span-2 mt-16">
+  <div class="hidden xl:block xl:col-span-2 mt-16 lg:z-10">
     <nav
       v-if="toc.length"
       :class="hasBanner ? $style.bannerMargin : ''"

diff --git a/styles/content.css b/styles/content.css
@@ -42,6 +42,7 @@
   @apply lg:col-span-9;
   @apply xl:col-span-8;
   @apply mt-16;
+  @apply lg:z-0;
 }
 
 .main-content-article {