menu refactoring

src/app/_modules/pages/menu/item/pages-menu-item.component.html

@@ -1,4 +1,4 @@
-<div class="item" [ngClass]="itemClass">
+<div class="item" [ngClass]="itemClass" (mouseenter)="mouseEnter()">
   <drop-down ico="chevron_menu_24" (toggle)="toggle($event)" [visible]="open" [angle]="[-90,0]" *ngIf="hasChildren"></drop-down>
   <a (click)="select()">{{item.name}}</a>
 </div>

src/app/_modules/pages/menu/item/pages-menu-item.component.ts

@@ -85,9 +85,9 @@ export class PagesMenuItemComponent {
   toggle(event){
     this.pagesService.menuSelectedLink = this.selected ? null : this.item.link
     this.open = event;
-    // if(event){
-    //   this.findChildren()
-    // }
+    if(event){
+      this.findChildren()
+    }
   }
 
   select(){
@@ -99,8 +99,11 @@ export class PagesMenuItemComponent {
     }
   }
 
-  ngOnInit(){
+  mouseEnter(){
     this.findChildren()
+  }
+
+  ngOnInit(){
     this.open = this.current || this.parent || this.selected
   }
 

src/gbu/css/_main-menu.scss

@@ -154,7 +154,7 @@ header{
     .header.layout-corral{  
         pages-menu.lvl-0{
           >pages-menu-item:hover{  
-            pages-menu{
+            >pages-menu{
                 display: flex;  
             };  
           }