page navigation on top #2

tbep-tech · May 22, 2024 · 24d2852 · 24d2852
1 parent 4c73e37
commit 24d2852
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 20 deletions.
diff --git a/_quarto.yml b/_quarto.yml
@@ -9,7 +9,7 @@ website:
   # issue-url: https://github.com/tbep-tech/ccmp/issues
   # repo-actions: [edit, issue]
   page-navigation: true
-  bread-crumbs: true
+  bread-crumbs: false
   search: true
   page-footer:
     left: |

diff --git a/_site/docs/communities/cc1.html b/_site/docs/communities/cc1.html
diff --git a/_site/docs/communities/cc2.html b/_site/docs/communities/cc2.html
@@ -145,9 +145,9 @@
       <button type="button" class="quarto-btn-toggle btn" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
         <i class="bi bi-layout-text-sidebar-reverse"></i>
       </button>
-        <nav class="quarto-page-breadcrumbs" aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="../../docs/communities/cc1.html">Climate Change</a></li><li class="breadcrumb-item"><a href="../../docs/communities/cc2.html">CC-2</a></li></ol></nav>
-        <a class="flex-grow-1" role="button" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">      
-        </a>
+        <a class="flex-grow-1 no-decor" role="button" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">      
+          <h1 class="quarto-secondary-nav-title">CC-2</h1>
+        </a>     
     </div>
   </nav>
 </header>
@@ -256,9 +256,9 @@ <h3 data-anchor-id="related-actions">RELATED ACTIONS: <br></h3>
 <main class="content page-columns page-full" id="quarto-document-content">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
 
-<header id="title-block-header" class="quarto-title-block default"><nav class="quarto-page-breadcrumbs quarto-title-breadcrumbs d-none d-lg-block" aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="../../docs/communities/cc1.html">Climate Change</a></li><li class="breadcrumb-item"><a href="../../docs/communities/cc2.html">CC-2</a></li></ol></nav>
+<header id="title-block-header" class="quarto-title-block default">
 <div class="quarto-title">
-<h1 class="title">CC-2</h1>
+<h1 class="title d-none d-lg-block">CC-2</h1>
 </div>
 
 

diff --git a/_site/docs/communities/li1.html b/_site/docs/communities/li1.html
@@ -144,9 +144,9 @@
       <button type="button" class="quarto-btn-toggle btn" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
         <i class="bi bi-layout-text-sidebar-reverse"></i>
       </button>
-        <nav class="quarto-page-breadcrumbs" aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="../../docs/communities/li1.html">Local Implementation</a></li><li class="breadcrumb-item"><a href="../../docs/communities/li1.html">LI-1</a></li></ol></nav>
-        <a class="flex-grow-1" role="button" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">      
-        </a>
+        <a class="flex-grow-1 no-decor" role="button" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">      
+          <h1 class="quarto-secondary-nav-title">LI-1</h1>
+        </a>     
     </div>
   </nav>
 </header>
@@ -255,9 +255,9 @@ <h3 data-anchor-id="related-actions">RELATED ACTIONS: <br></h3>
 <main class="content page-columns page-full" id="quarto-document-content">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
 
-<header id="title-block-header" class="quarto-title-block default"><nav class="quarto-page-breadcrumbs quarto-title-breadcrumbs d-none d-lg-block" aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="../../docs/communities/li1.html">Local Implementation</a></li><li class="breadcrumb-item"><a href="../../docs/communities/li1.html">LI-1</a></li></ol></nav>
+<header id="title-block-header" class="quarto-title-block default">
 <div class="quarto-title">
-<h1 class="title">LI-1</h1>
+<h1 class="title d-none d-lg-block">LI-1</h1>
 </div>
 
 

diff --git a/_site/styles.css b/_site/styles.css
@@ -398,9 +398,14 @@ body.floating .sidebar.sidebar-navigation, .sidebar.margin-sidebar {
   overflow: initial!important;
 }
 .page-columns .page-navigation {
-  grid-row: 9/10;
+  grid-row: 1/10;
   padding: 1em 0;
 }
+#title-block-header {
+    margin-block-end: 1rem;
+    position: relative;
+    margin-top: 30px;
+}
 .sidebar {
   max-height: none;
 }

diff --git a/styles.css b/styles.css
@@ -398,9 +398,14 @@ body.floating .sidebar.sidebar-navigation, .sidebar.margin-sidebar {
   overflow: initial!important;
 }
 .page-columns .page-navigation {
-  grid-row: 9/10;
+  grid-row: 1/10;
   padding: 1em 0;
 }
+#title-block-header {
+    margin-block-end: 1rem;
+    position: relative;
+    margin-top: 30px;
+}
 .sidebar {
   max-height: none;
 }