From 3d0f8ba36e5f1dafea4dd25f4569cdd506489ce9 Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MBP-2.lan>
Date: Mon, 23 Nov 2020 12:59:42 +0200
Subject: [PATCH] desktop nav: is-active link
---
.../hy-desktop-menu-links/hy-desktop-menu-links.tsx | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx
index 520b3d8e..3ed7f5ac 100644
--- a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx
+++ b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx
@@ -86,12 +86,16 @@ export class HyDesktopMenuLinks {
let menuLinkItems = [];
- links.map(({menuLinkId: id, shortcuts, items, url, description, label}) => {
+ links.map(({menuLinkId: id, shortcuts, items, url, description, label, isActive}) => {
+ let classAttributes = ['desktop-menu-link', isActive === 'true' ? 'desktop-menu-link--is-active-trail' : ''].join(
+ ' '
+ );
+
menuLinkItems.push(
<li>
<button
type="button"
- class="desktop-menu-link"
+ class={classAttributes}
link-id={id}
onMouseOver={() => this.handleDesktopMenuToggle(id)}
onFocus={() => this.handleDesktopMenuToggle(id)}
--
GitLab