Modified FAQ Nav (#139)

Co-authored-by: Mathieu Lessard <[email protected]>
hlxsites · Jul 16, 2024 · a668e8a · a668e8a
1 parent bd7b9a9
commit a668e8a
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 3 deletions.
diff --git a/blocks/adp-header/adp-header.css b/blocks/adp-header/adp-header.css
@@ -514,6 +514,10 @@ header nav .nav-bottom {
   width: 100%;
 }
 
+header.hide-navigation-tabs nav .nav-bottom {
+  display: none;
+}
+
 header nav { 
   display: grid;
   grid-template-areas: 
@@ -526,6 +530,12 @@ header nav {
   box-shadow: 0 0 4px rgba(233 233 233 / 100%);
 }
 
+header.hide-navigation-tabs nav {
+  grid-template-areas: 
+    "nav-top";
+  grid-template-rows: calc(var(--nav-height) - var(--header-banner-height));
+}
+
 .contenthub header nav {
   background: var(--contenthub-header-background);
   border-bottom: unset;

diff --git a/blocks/adp-header/adp-header.js b/blocks/adp-header/adp-header.js
@@ -106,14 +106,14 @@ function toggleMenu(nav, navSections, forceExpanded = null) {
  */
 export default async function decorate(block) {
   block.textContent = '';
-
+  const logoUrl = document.querySelector('head meta[name="logo-link"]')?.getAttribute('content');
   // decorate nav DOM
   const nav = document.createElement('nav');
   nav.id = 'nav';
   nav.innerHTML = `
   <div class="nav-top">
     <div class="nav-brand">
-      <a class="adp-logo" href="${getBaseConfigPath()}/"></a>
+      <a class="adp-logo" href="${logoUrl ?? getBaseConfigPath()}/"></a>
       <div></div>
     </div>
     <div class="nav-sections">
@@ -224,7 +224,7 @@ export default async function decorate(block) {
   }
 
   if (await getUserProfile() !== null) {
-    document.querySelector('.adp-logo').href = getBaseConfigPath() + '/assets';
+    document.querySelector('.adp-logo').href = logoUrl ?? (getBaseConfigPath() + '/assets');
     loadSearchField(nav);
     if (!window.unifiedShellRuntime) {
       await createUserInfo(nav);

diff --git a/scripts/scripts.js b/scripts/scripts.js
@@ -268,6 +268,9 @@ async function loadLazy(doc) {
   }
   if (!(document.querySelector('head meta[name="hide-header"]')?.getAttribute('content') === 'true')) {
     loadHeader(doc.querySelector('header'), 'adp-header');
+    if(document.querySelector('head meta[name="hide-navigation-tabs"]')?.getAttribute('content') === 'true'){
+      doc.querySelector('header').classList.add('hide-navigation-tabs');
+    }
   } else {
     document.querySelector('header').classList.add('hidden');
   }

diff --git a/styles/styles.css b/styles/styles.css
@@ -171,6 +171,10 @@ header.hidden {
   display: none;
 }
 
+header.hide-navigation-tabs{
+  height: 30px;
+}
+
 h1,
 h2,
 h3,