fix incorrectly hiding inpage navigation

nfdi4plants · Sep 20, 2024 · 18d1cdd · 18d1cdd
1 parent 01dcfcd
commit 18d1cdd
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
@@ -45,7 +45,7 @@ function createTagLink(tag: string) {
 
 // Generate the nested headings structure
 const nestedHeadings = buildNestedHeadings(headings);
-
+const noInPageNavigation = nestedHeadings.length === 0;
 ---
 
 <script>
@@ -99,7 +99,7 @@ document.addEventListener("DOMContentLoaded", function () {
 </script>
 
 <Layout title={frontmatter.title} drawerIsOpen={true}>
-  <div class="navbar sticky top-0 bg-base-300 z-20 min-h-[unset] lg:hidden" class:list={[{hidden: headings}]}>
+  <div class="navbar sticky top-0 bg-base-300 z-20 min-h-[unset] lg:hidden" class:list={[{hidden: noInPageNavigation}]}>
     <div class="flex-1">
       <!-- <a class="btn btn-ghost btn-sm">daisyUI</a> -->
     </div>
@@ -154,7 +154,7 @@ document.addEventListener("DOMContentLoaded", function () {
       </article>
     </div>
     <div id="md-layout-right" class="w-[30%] sticky top-16 hidden lg:block">
-      <div class:list={[{hidden: headings}]}>
+      <div class:list={[{hidden: noInPageNavigation}]}>
         <div class="menu menu-xs h-full">
           <div id="nav-marker" class="bg-primary"></div>
           <ul tabindex="0" id="in-page-nav-container" class="z-[1] p-2 max-h-[80vh] overflow-y-auto border-l-2">