From 1494fe8e895914024232b808b8e45d6621d07786 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Tue, 9 Jul 2019 14:55:13 +0000
Subject: [PATCH] [Trunk|Library]: Add underline on active route of sidebar

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@56448 d315682c-612b-4755-9ff5-7f18f6832af3
---
 sharedComponents/sidebar/sideBar.component.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/sharedComponents/sidebar/sideBar.component.html b/sharedComponents/sidebar/sideBar.component.html
index 3699c92e..68cab3b0 100644
--- a/sharedComponents/sidebar/sideBar.component.html
+++ b/sharedComponents/sidebar/sideBar.component.html
@@ -1,30 +1,30 @@
-<ul class="uk-nav uk-nav-default sidebar">
-  <li class="uk-nav-header uk-parent" *ngFor="let menu of menuItems">
+<ul class="uk-nav uk-nav-default sidebar uk-overflow-auto" style="max-height: 85vh">
+  <li class="uk-nav-header" *ngFor="let menu of menuItems">
     <a *ngIf="menu.rootItem.route && menu.rootItem.route != ''"
-       [routerLink]="menu.rootItem.route"  routerLinkActive="active" [queryParams]=menu.rootItem.params>
+       [routerLink]="menu.rootItem.route"  routerLinkActive="uk-link" [routerLinkActiveOptions]="{ exact: true }" [queryParams]=menu.rootItem.params>
       <span><span class="uk-margin-small-right uk-icon" [attr.uk-icon]=menu.ukIcon></span> {{menu.rootItem.title}}</span>
     </a>
     <a *ngIf="(!menu.rootItem.route || menu.rootItem.route == '') && (menu.rootItem.url && menu.rootItem.url != '')"
-       [href]="menu.rootItem.url"  routerLinkActive="active" target="_blank">
+       [href]="menu.rootItem.url"  routerLinkActive="uk-link" [routerLinkActiveOptions]="{ exact: true }" target="_blank">
       <span><span class="uk-margin-small-right uk-icon" [attr.uk-icon]=menu.ukIcon></span> {{menu.rootItem.title}}</span>
     </a>
     <span *ngIf="!menu.rootItem.route || menu.rootItem.route == ''"><span class="uk-margin-small-right uk-icon" [attr.uk-icon]=menu.ukIcon></span> {{menu.rootItem.title}}</span>
     <ul *ngIf="menu.items.length > 0" class="uk-nav-sub">
       <li *ngFor="let item of menu.items">
-        <a *ngIf="item.rootItem.route && item.rootItem.route != ''" [routerLink]="item.rootItem.route"  routerLinkActive="active" [queryParams]=item.rootItem.params>
+        <a *ngIf="item.rootItem.route && item.rootItem.route != ''" [routerLink]="item.rootItem.route"  routerLinkActive="uk-link" [routerLinkActiveOptions]="{ exact: true }" [queryParams]=item.rootItem.params>
           <span>{{item.rootItem.title}}</span>
         </a>
         <a *ngIf="(!item.rootItem.route || item.rootItem.route == '') && (item.rootItem.url && item.rootItem.url != '')"
-           [href]="item.rootItem.url"  routerLinkActive="active" target="_blank">
+           [href]="item.rootItem.url" [routerLinkActiveOptions]="{ exact: true }" routerLinkActive="uk-link" target="_blank">
           <span>{{item.rootItem.title}}</span>
         </a>
         <ul *ngIf="item.items.length > 0" class="uk-nav-sub">
           <li *ngFor="let subItem of item.items">
-            <a *ngIf="subItem.route && subItem.route != ''" [routerLink]="subItem.route" routerLinkActive="active" [queryParams]=subItem.params>
+            <a *ngIf="subItem.route && subItem.route != ''" [routerLink]="subItem.route" [routerLinkActiveOptions]="{ exact: true }" routerLinkActive="uk-link" [queryParams]=subItem.params>
               <span>{{subItem.title}}</span>
             </a>
             <a *ngIf="(!subItem.route || subItem.route == '') && (subItem.url && subItem.url != '')"
-               [href]="subItem.url"  routerLinkActive="active" target="_blank">
+               [href]="subItem.url"  [routerLinkActiveOptions]="{ exact: true }" routerLinkActive="uk-link" target="_blank">
               <span>{{subItem.title}}</span>
             </a>
             <span *ngIf="!subItem.route || subItem.route == ''">{{subItem.title}}</span>