From 6571796ca61c845e566abad83c7a09ad09b8ad71 Mon Sep 17 00:00:00 2001
From: nixa <4dmitr@gmail.com>
Date: Fri, 29 Apr 2016 12:57:44 +0300
Subject: [PATCH] move hover menu element out of visible area on mouse leave

---
 src/app/theme/sidebar/sidebar.component.ts | 2 ++
 src/app/theme/sidebar/sidebar.html         | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/theme/sidebar/sidebar.component.ts b/src/app/theme/sidebar/sidebar.component.ts
index 5dd7eddb..5f10ab38 100644
--- a/src/app/theme/sidebar/sidebar.component.ts
+++ b/src/app/theme/sidebar/sidebar.component.ts
@@ -24,6 +24,8 @@ export class Sidebar {
   hoverElemHeight: number;
   hoverElemTop: number;
 
+  outOfArea: number = -200;
+
   isMenuShouldCollapsed: boolean = false;
 
   constructor(private elementRef: ElementRef, private router: Router, private _sidebarService: SidebarService, private _sidebarStateService: SidebarStateService) {
diff --git a/src/app/theme/sidebar/sidebar.html b/src/app/theme/sidebar/sidebar.html
index 28881677..7bc04535 100644
--- a/src/app/theme/sidebar/sidebar.html
+++ b/src/app/theme/sidebar/sidebar.html
@@ -1,4 +1,4 @@
-<aside class="al-sidebar">
+<aside class="al-sidebar" (mouseleave)="hoverElemTop=outOfArea">
   <ul class="al-sidebar-list">
     <li *ngFor="#item of menuItems" class="al-sidebar-list-item"
         [ngClass]="{'selected': item.selected, 'with-sub-menu': item.subMenu}">