From 191e1fea01dc839a27d0176fb0062ce8cf32100e Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Mon, 20 Nov 2023 09:55:13 +0300
Subject: [PATCH] top-menu

---
 .../menu/item/pages-menu-item.component.ts    |  8 ++++++-
 src/assets/css/_grid.scss                     |  2 +-
 src/assets/css/_main-menu.scss                | 23 ++++++++++++++++---
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/app/_modules/pages/menu/item/pages-menu-item.component.ts b/src/app/_modules/pages/menu/item/pages-menu-item.component.ts
index 75e1f50..e0d93bd 100644
--- a/src/app/_modules/pages/menu/item/pages-menu-item.component.ts
+++ b/src/app/_modules/pages/menu/item/pages-menu-item.component.ts
@@ -39,12 +39,18 @@ export class PagesMenuItemComponent {
     return !this.current && this.pagesService.currentPage.link.startsWith(this.item.link)
   }
 
+  get nav(){
+    console.log(this.item)
+    return this.item.type.name == "nav-page"
+  }
+
   get itemClass(){
     let resp = {
       'current': this.current,
       'parent': this.parent,
       'open': this.open,
-      'selected': this.selected
+      'selected': this.selected,
+      'nav': this.nav
     }
     resp['lvl-'+this.level] = true;
     return resp
diff --git a/src/assets/css/_grid.scss b/src/assets/css/_grid.scss
index 9327f97..999ea6a 100644
--- a/src/assets/css/_grid.scss
+++ b/src/assets/css/_grid.scss
@@ -62,7 +62,7 @@ left-content{
 
 right-content{
   .item{display: none;}
-  pages-menu.selected{
+  pages-menu.current{
     pages-menu-item>.item{
       display: flex;
     }
diff --git a/src/assets/css/_main-menu.scss b/src/assets/css/_main-menu.scss
index 22c1bc3..6187d52 100644
--- a/src/assets/css/_main-menu.scss
+++ b/src/assets/css/_main-menu.scss
@@ -11,10 +11,27 @@ header{
     pages-menu{
       flex-direction: row;
       gap:24px;
-      &:not(.lvl-0){display: none;}
-      drop-down{
-        display: none;
+      &:not(.lvl-0){
+          display: none;
+        }
+        
+      .item:not(.nav){
+        drop-down{
+          display: none;
+        }
       }
+      .item.nav + pages-menu.open.selected.lvl-1{
+          position: absolute;
+          left:0px;
+          top:100px;
+          display: flex;
+          background-color: var(--white);
+          width: 100%;
+          justify-content: center;
+
+
+      }
+
     }
   }
 };