Merge pull request #1327 from CuBoulder/issue/1316

Remove Mega menu from Sticky menus and add default link color

CHANGELOG.md

@@ -9,6 +9,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- ### Remove Mega menu from Sticky menus and add default link color
+  Resolves #1317 and #1316.
+  Removes mega menus from the sticky menu and converts them into normal links. It also adds base default colors for links in mega menus to account for site settings.
+---
+
 - ### body template move
   The basic page body block wasn't being rendered at the right level. This caused it not to be editable or removable at the layout builder level. If multiple body sections were added they couldn't be deleted and a "body" title was added to each new addition.
 

css/block/ucb-mega-menu.css

@@ -83,6 +83,14 @@
   flex-wrap: wrap;
 }
 
+.ucb-main-nav-container .ucb-mega-menu .menu-item .mega-menu-wrapper a{
+  color: #0277bd;
+}
+
+.ucb-main-nav-container .ucb-mega-menu .menu-item .mega-menu-wrapper a:hover{
+  color: #B71C1C;
+}
+
 @media only screen and (max-width: 767px) {
 
   .ucb-mega-menu-column-3 div,

css/ucb-sticky-menu.css

@@ -67,3 +67,8 @@
 .sticky-menu-inner .ucb-menu li.menu-item a.nav-link:hover {
 	color: var(--ucb-gold);
 }
+
+.sticky-menu-inner .ucb-mega-menu,
+.sticky-menu-inner .ucb-mega-menu-icon {
+	display: none;
+}

js/ucb-mega-menu.js

@@ -26,4 +26,16 @@ const megaMenuList = [...megaMenuElementList].map(collapseEl => new bootstrap.Co
       }
     }
   }
-})
+})
+
+// Disable Sticky Menu Mega Menus
+const stickyMenu = document.getElementsByClassName("ucb-sticky-menu");
+for (let i = 0; i < stickyMenu.length; i++) {
+  const allMegaMenus =  stickyMenu[i].getElementsByClassName("ucb-mega-menu-outer-link");
+  for (let j = 0; j < allMegaMenus.length; j++) {
+    allMegaMenus[j].removeAttribute("data-bs-toggle");
+    allMegaMenus[j].removeAttribute("data-bs-target");
+    allMegaMenus[j].removeAttribute("aria-expanded");
+    allMegaMenus[j].removeAttribute("aria-controls");
+  }
+}