feat(clayui.com): Fix inconsistency in active links

bryceosterhaus · May 5, 2020 · df77dc8 · df77dc8
1 parent 961cdb7
commit df77dc8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/clayui.com/src/components/Sidebar/Navigation.js b/clayui.com/src/components/Sidebar/Navigation.js
@@ -68,6 +68,9 @@ class Navigation extends Component {
 				active: this.isActive(section) === true,
 				draft: section.draft,
 				'nav-heading': section.items,
+				'parent-page-active':
+					section.items &&
+					location.pathname.includes(`${section.link}.html`),
 			});
 
 			return (

diff --git a/clayui.com/src/styles/site/_sidebar-site.scss b/clayui.com/src/styles/site/_sidebar-site.scss
@@ -94,4 +94,8 @@
 			transform: rotate(90deg);
 		}
 	}
+
+	.parent-page-active > .nav-link {
+		color: $brand-dark;
+	}
 }