Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

move hover menu element out of visible area on mouse leave

Browse source
This commit is contained in:
nixa 2016-04-29 12:57:44 +03:00
parent c9b4304031
commit 6571796ca6
2 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/theme/sidebar/sidebar.component.ts
View file

@ -24,6 +24,8 @@ export class Sidebar {
hoverElemHeight: number; hoverElemHeight: number;
hoverElemTop: number; hoverElemTop: number;
outOfArea: number = -200;
isMenuShouldCollapsed: boolean = false; isMenuShouldCollapsed: boolean = false;
constructor(private elementRef: ElementRef, private router: Router, private _sidebarService: SidebarService, private _sidebarStateService: SidebarStateService) { constructor(private elementRef: ElementRef, private router: Router, private _sidebarService: SidebarService, private _sidebarStateService: SidebarStateService) {

2
src/app/theme/sidebar/sidebar.html
View file

@ -1,4 +1,4 @@
<aside class="al-sidebar"> <aside class="al-sidebar" (mouseleave)="hoverElemTop=outOfArea">
<ul class="al-sidebar-list"> <ul class="al-sidebar-list">
<li *ngFor="#item of menuItems" class="al-sidebar-list-item" <li *ngFor="#item of menuItems" class="al-sidebar-list-item"
[ngClass]="{'selected': item.selected, 'with-sub-menu': item.subMenu}"> [ngClass]="{'selected': item.selected, 'with-sub-menu': item.subMenu}">