From 36939af445a2eaa209aa6ca76fb42def9ba6d62d Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Mon, 11 Sep 2023 15:03:44 +0300
Subject: [PATCH] mobile main menu UI

---
 src/app/_modules/layout/header/header.component.ts    |  3 ++-
 .../pages/menu/item/pages-menu-item.component.html    |  2 +-
 .../member/item/member-section-item.component.scss    | 11 -----------
 src/assets/css/main-menu.scss                         |  5 ++---
 src/assets/images/icons/chevron_cirle_right_24dp.svg  |  9 +++++++++
 5 files changed, 14 insertions(+), 16 deletions(-)
 create mode 100644 src/assets/images/icons/chevron_cirle_right_24dp.svg

diff --git a/src/app/_modules/layout/header/header.component.ts b/src/app/_modules/layout/header/header.component.ts
index f79c875..1c5ac2f 100644
--- a/src/app/_modules/layout/header/header.component.ts
+++ b/src/app/_modules/layout/header/header.component.ts
@@ -56,6 +56,7 @@ export class HeaderComponent {
   }
 
   itemSelect(event:any){
-    if(!event.children?.data.length) this.showBottom = false;
+    // if(!event.children?.data.length) 
+    this.showBottom = false;
   }
 }
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 9d6ea55..bf62322 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
@@ -1,6 +1,6 @@
 <div class="expand" [ngClass]="{toggle:children?.length, open:showChildren}" (click)="showChildren=!showChildren"></div>
 
-<a [routerLink]="item.link" routerLinkActive="active" (click)="showChildren=!showChildren; select(item)"
+<a [routerLink]="item.link" routerLinkActive="active" (click)="select(item)"
 [ngClass]="{'active-mob':item.link==currentURL}"><span>{{item.name}}</span></a>
 
 <pages-menu *ngIf="children?.length" [items]="children"  
diff --git a/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss b/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss
index 0cd390f..756d6bf 100644
--- a/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss
+++ b/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss
@@ -32,14 +32,3 @@
 
 
 }
-.full-screen{
-    position: fixed;
-    top:0;
-    z-index: 200;
-    left: 0;
-    background-color: rgba(45, 45, 45, 0.63);
-    width: 100vw;
-    height: 100vh;
-    object-fit: contain;
-    cursor: pointer;
-}
\ No newline at end of file
diff --git a/src/assets/css/main-menu.scss b/src/assets/css/main-menu.scss
index cf8d50a..86163c7 100644
--- a/src/assets/css/main-menu.scss
+++ b/src/assets/css/main-menu.scss
@@ -74,12 +74,11 @@
           margin-right: 16px;
         }
         .toggle{
-            background: url('~src/assets/images/icons/expand_less_24.svg') center no-repeat;
-            transform: rotateZ(90deg);
+            background: url('~src/assets/images/icons/chevron_cirle_right_24dp.svg') center no-repeat;
             transition: transform 0.3s;
         }
         .open {
-            transform: rotateZ(180deg);
+            transform: rotateZ(90deg);
         }
     
         
diff --git a/src/assets/images/icons/chevron_cirle_right_24dp.svg b/src/assets/images/icons/chevron_cirle_right_24dp.svg
new file mode 100644
index 0000000..60f0d33
--- /dev/null
+++ b/src/assets/images/icons/chevron_cirle_right_24dp.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+
+ <g class="layer">
+  <title>Layer 1</title>
+  <ellipse cx="12.05" cy="12.05" fill="#ffffff" fill-opacity="0" id="svg_2" rx="10.95" ry="10.95" stroke="#ffffff" stroke-opacity="0.33" stroke-width="1.8"/>
+  <path d="m16,12l-6,6l-1.4,-1.4l4.6,-4.6l-4.6,-4.6l1.4,-1.4l6,6z" fill="#ffffff" id="svg_1"/>
+ </g>
+</svg>
\ No newline at end of file