Skip to content

Commit c518363

Browse files
committed
hover effect on subnav item
1 parent 4cb7309 commit c518363

File tree

2 files changed

+5
-6
lines changed

2 files changed

+5
-6
lines changed

eds/blocks/local-navigation/local-navigation.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@
5353
padding-inline: var(--space-6);
5454
}
5555

56-
.local-navigation ul li a[aria-current='true']:hover {
56+
.local-navigation ul li a[aria-current='true']:hover, .local-navigation ul li a:hover {
5757
background-color: #2b2b2b;
5858
}
5959

eds/blocks/local-navigation/local-navigation.js

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -53,13 +53,12 @@ function listenSubNav(subNavItems) {
5353
});
5454

5555
document.addEventListener('click', (e) => {
56-
let isClickInside = subNavItems.contains(e.target);
57-
58-
if (!isClickInside) { 
56+
const isClickInside = subNavItems.contains(e.target);
57+
if (!isClickInside) {
5958
subNavItems.setAttribute('aria-expanded', 'false');
6059
subNavItems.nextElementSibling.setAttribute('aria-hidden', 'true');
6160
}
62-
});
61+
});
6362
}
6463

6564
/**
@@ -77,7 +76,7 @@ function appendPageTitle(pgObj, block, i, menuTitle) {
7776
aHref.innerHTML = `${pgObj.pageTitle}`;
7877
aHref.setAttribute('aria-current', 'false');
7978

80-
if ((currPageTitle === pgObj.pageTitle.toLowerCase() || menuTitle === pgObj.pageTitle) && !pgObj.subnavItems) {
79+
if ((currPageTitle === pgObj.pageTitle.toLowerCase() || menuTitle === pgObj.pageTitle)) {
8180
aHref.setAttribute('aria-current', 'true');
8281
}
8382

0 commit comments

Comments
 (0)