burger menu

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

@@ -6,6 +6,6 @@
         {{item.name}}
     </a>
 </div>
-<div #menu class="sub-menu" [ngClass]="itemClass" *ngIf="children?.length">
-    <pages-menu  [items]="children" [lavel]="lavel+1"></pages-menu>
+<div #menu class="sub-menu" [ngClass]="itemClass">
+    <pages-menu  *ngIf="children?.length" [items]="children" [lavel]="lavel+1"></pages-menu>
 </div>

src/app/_modules/viget/drop-down/drop-down.component.ts

@@ -14,6 +14,7 @@ export class DropDownComponent {
 
   ngOnChanges(){
     if(this.target) this.target.hidden = !this.visible;
+    console.log(this.target)
   }
 
   @Output() toggle =  new EventEmitter<boolean>()

src/assets/css/main-menu.scss

@@ -91,8 +91,8 @@ right-content{
       .item{
         padding: 10px;
       }
-      pages-menu{
-        padding-left: 0 !important;
+      .sub-menu>pages-menu{
+        padding-left: 0;
       }
 
       .lavel-1{
@@ -109,10 +109,12 @@ right-content{
           display: none;
           &.parent,&.current{
             display: block;
-            background-color: var(--white);
-            padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.27);
+            >pages-menu{              
+              background-color: var(--white);
+              padding: 20px;
+              border-radius: 8px;
+              box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.27);
+            }
           }
         }
       }