small fixes for the previous pushes

src/components/navigation/sidebars/nav/index.tsx

@@ -56,7 +56,6 @@ const NavComponent: Component<NavProps> = props => {
   createEffect(() => {
     if (open()) {
       window.addEventListener("click", handleClickOutside);
-      document.body.style.overflow = "hidden";
       document.body.classList.add("overflow-nav");
       document.body.classList.add("dim-content-nav");
     } else {

src/components/navigation/sidebars/toc/index.tsx

@@ -53,7 +53,6 @@ const TableOfContents: Component<TOCProps> = props => {
       document.body.classList.add("dim-content-toc");
     } else {
       window.removeEventListener("click", handleClickOutside);
-      document.body.style.overflow = "auto";
       document.body.classList.remove("overflow-toc");
       document.body.classList.remove("dim-content-toc");
     }

src/styles/docs/nav/nav.css

@@ -156,6 +156,11 @@
 }
 
 @media (min-width: 85rem) {
+  .dim-content-nav .docslayout-root {
+    filter: brightness(100%) !important;
+    pointer-events: initial !important;
+  }
+
   .nav-wrapper-mobile {
     display: none;
   }

src/styles/docs/toc/toc.css

@@ -84,6 +84,11 @@
 }
 
 @media (min-width: 65rem) {
+  .dim-content-toc .docslayout-root {
+    filter: unset !important;
+    pointer-events: initial !important;
+  }
+
   .toc-wrapper {
     width: 19rem;
     flex-shrink: 0;

src/styles/global.css

@@ -56,8 +56,12 @@ html.dark {
   all: unset;
 }
 
-.overflow-nav,
+body {
-.overflow-toc {
+  overflow: auto;
+}
+
+body.overflow-nav,
+body.overflow-toc {
   overflow: hidden;
 }