fix: Hide sidebar entries without CSS (#2796)

Author: untitaker

src/components/sidebarLink.tsx

@@ -22,10 +22,8 @@ export default ({
   const location = useLocation();
   const isActive = location && location.pathname.indexOf(withPrefix(to)) === 0;
 
-  className += " toc-item";
-  if (isActive || collapsed === false) {
-    className += " toc-visible";
-  }
+  const showSubtree = isActive || collapsed === false;
+  className += "toc-item";
 
   return (
     <li className={className} data-sidebar-branch>
@@ -34,7 +32,7 @@ export default ({
       </SmartLink>
       {title && children && (
         <ul className="list-unstyled" data-sidebar-tree>
-          {children}
+          {showSubtree && children}
         </ul>
       )}
     </li>

src/css/_includes/sidebar.scss

@@ -68,14 +68,9 @@
 }
 
 [data-sidebar-branch] [data-sidebar-branch] > [data-sidebar-tree] {
-  display: none;
   margin-bottom: 0;
 }
 
-[data-sidebar-branch].toc-visible > [data-sidebar-tree] {
-  display: block;
-}
-
 [data-sidebar-link] {
   position: relative;
   line-height: 1.5;