docs: update sidebar link coloring, selection bolding

react-dnd · Nov 6, 2018 · 4449a26 · 4449a26
1 parent 28cb1f9
commit 4449a26
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/documentation/src/components/sidebar.tsx b/packages/documentation/src/components/sidebar.tsx
@@ -20,7 +20,9 @@ const SideBar: React.SFC<SideBarProps> = ({ groups, location }) => {
 	}
 
 	function renderLink({ title, location: pageLocation }: Page, key: string) {
-		const isSelected = pageLocation === location
+		const isSelected =
+			pageLocation === location ||
+			pageLocation === location.replace('/react-dnd', '')
 		const arrow = <span className="arrowBullet" />
 		const Link = isSelected ? SelectedSidebarItem : SidebarItem
 
@@ -63,11 +65,11 @@ const GroupTitle = styled.h4`
 
 const SidebarItem = styled(GatsbyLink)`
 	display: block;
-	color: ${theme.color.body};
+	color: ${theme.color.accent};
 `
 
 const SelectedSidebarItem = styled(SidebarItem)`
-	color: ${theme.color.accent};
+	font-weight: bold;
 	position: relative;
 
 	&:after {