chore: Back to display none

newrelic · Jun 17, 2020 · c6f7852 · c6f7852
1 parent 7437cf7
commit c6f7852
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
@@ -29,7 +29,7 @@ const renderNav = (pages, depthLevel = 0) => {
       )}
       {pages.map((page) => {
         const [isExpanded, setIsExpanded] = useState(
-          crumbs.includes(page.displayName)
+          crumbs.length === depthLevel || crumbs.includes(page.displayName)
         );
         const isCurrentPage = crumbs[crumbs.length - 1] === page.displayName;
 

diff --git a/src/components/Sidebar.module.scss b/src/components/Sidebar.module.scss
@@ -31,12 +31,10 @@
 
 .nestedNav {
   padding-left: 1rem;
-  height: 0;
-  visibility: hidden;
+  display: none;
 
   &.isExpanded {
-    height: auto;
-    visibility: visible;
+    display: block;
   }
 }