From 1c2762b601de256fe83a61063eb68f17ebf0d63d Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Thu, 2 Nov 2023 10:17:30 +0300
Subject: [PATCH] burger menu

---
 .../pages/menu/item/pages-menu-item.component.html |  4 ++--
 .../viget/drop-down/drop-down.component.ts         |  1 +
 src/assets/css/main-menu.scss                      | 14 ++++++++------
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/app/_modules/pages/menu/item/pages-menu-item.component.html b/src/app/_modules/pages/menu/item/pages-menu-item.component.html
index 553ac92..c4e8ec7 100644
--- a/src/app/_modules/pages/menu/item/pages-menu-item.component.html
+++ b/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>
\ No newline at end of file
diff --git a/src/app/_modules/viget/drop-down/drop-down.component.ts b/src/app/_modules/viget/drop-down/drop-down.component.ts
index e3f1a25..62772ca 100644
--- a/src/app/_modules/viget/drop-down/drop-down.component.ts
+++ b/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>()
diff --git a/src/assets/css/main-menu.scss b/src/assets/css/main-menu.scss
index 1985548..aeeeb1f 100644
--- a/src/assets/css/main-menu.scss
+++ b/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);
+            }
           }
         }
       }