fixed sidebar

Author: chelarucip

app/sidebar/sidebar.component.html

@@ -9,49 +9,49 @@
 <div class="sidebar-wrapper">
     <div class="nav-container">
         <ul class="nav">
-            <li class="active">
+            <li routerLinkActive="active">
                 <a  [routerLink]="[menuItems[0].path]">
                     <i class="{{menuItems[0].icon}}">dashboard</i>
                     <p>{{menuItems[0].title}}</p>
                 </a>
             </li>
-            <li class="active">
+            <li routerLinkActive="active">
                 <a  [routerLink]="[menuItems[1].path]">
                     <i class="{{menuItems[1].icon}}">person</i>
                     <p>{{menuItems[1].title}}</p>
                 </a>
             </li>
-            <li class="active">
+            <li routerLinkActive="active">
                 <a  [routerLink]="[menuItems[2].path]">
                     <i class="{{menuItems[2].icon}}">content_paste</i>
                     <p>{{menuItems[2].title}}</p>
                 </a>
             </li>
-            <li class="active">
+            <li routerLinkActive="active">
                 <a  [routerLink]="[menuItems[3].path]">
                     <i class="{{menuItems[3].icon}}">library_books</i>
                     <p>{{menuItems[3].title}}</p>
                 </a>
             </li>
-            <li class="active">
+            <li routerLinkActive="active">
                 <a  [routerLink]="[menuItems[4].path]">
                     <i class="{{menuItems[4].icon}}">bubble_chart</i>
                     <p>{{menuItems[4].title}}</p>
                 </a>
             </li>
-            <li class="active">
+            <li routerLinkActive="active">
                 <a  [routerLink]="[menuItems[5].path]">
                     <i class="{{menuItems[5].icon}}">location_on</i>
                     <p>{{menuItems[5].title}}</p>
                 </a>
             </li>
-            <li class="active">
+            <li routerLinkActive="active">
                 <a  [routerLink]="[menuItems[6].path]">
                     <i class="{{menuItems[6].icon}}">notifications</i>
                     <p>{{menuItems[6].title}}</p>
                 </a>
             </li>
-            <li class="active active-pro">
+            <li routerLinkActive="active">
                 <a  [routerLink]="[menuItems[7].path]">
                     <i class="{{menuItems[7].icon}}">unarchive</i>
                     <p>{{menuItems[7].title}}</p>

assets/css/demo.css

@@ -45,11 +45,11 @@ my-app .main-panel .main-content .card{
     display: block;
 }
 
-.sidebar .nav > li.active-pro{
+/*.sidebar .nav > li.active-pro{
     position: absolute;
     width: 100%;
     bottom: 10px;
-}
+}*/
 
 .tim-row{
     margin-bottom: 20px;