Automatically expand/collapse sidebar on mouse over/leave.

[src/xds/xds-agent.git] / webapp / src / app / @theme / layouts / xds / xds.layout.html

diff --git a/webapp/src/app/@theme/layouts/xds/xds.layout.html b/webapp/src/app/@theme/layouts/xds/xds.layout.html
index bf2b4e6..74d0f97 100644 (file)
--- a/webapp/src/app/@theme/layouts/xds/xds.layout.html
+++ b/webapp/src/app/@theme/layouts/xds/xds.layout.html
@@ -4,7 +4,8 @@
     <ngx-header [position]="sidebar.id === 'left' ? 'normal': 'inverse'"></ngx-header>
   </nb-layout-header>
 
-  <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive [right]="sidebar.id === 'right'">
+  <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive [right]="sidebar.id === 'right'"
+    (mouseenter)="onMouseEnter($event)" (mouseleave)="onMouseLeave($event)">
 
     <nb-sidebar-header (click)="toogleSidebar()">
       <!-- XXX - ugly rework -->