fix(sidenav): Fix active item not showing

Author: stanislavgeorgiev

src/ui-shell/sidenav/sidenav-item.component.ts

@@ -23,6 +23,9 @@ import { Router } from "@angular/router";
 			<a
 				class="bx--side-nav__link"
 				[href]="href"
+				[ngClass]="{
+					'.bx--side-nav__link--current': active
+				}"
 				[attr.role]="(isSubMenu ? 'menuitem' : null)"
 				[attr.aria-current]="(active ? 'page' : null)"
 				[attr.title]="title ? title : null"

src/ui-shell/ui-shell.stories.ts

@@ -202,7 +202,7 @@ storiesOf("Components|UI Shell", module)
 	.add("Side Navigation", () => ({
 		template: `
 			<ibm-sidenav>
-				<ibm-sidenav-item>
+				<ibm-sidenav-item active="true">
 					<svg ibmIcon="fade" size="16"></svg>
 					Link
 				</ibm-sidenav-item>
@@ -212,7 +212,7 @@ storiesOf("Components|UI Shell", module)
 				</ibm-sidenav-item>
 				<ibm-sidenav-menu title="Category title">
 					<svg ibmIcon="fade" size="16"></svg>
-					<ibm-sidenav-item>Link</ibm-sidenav-item>
+					<ibm-sidenav-item active="true">Link</ibm-sidenav-item>
 					<ibm-sidenav-item>Link</ibm-sidenav-item>
 					<ibm-sidenav-item>Link</ibm-sidenav-item>
 				</ibm-sidenav-menu>