From 4bd7e86bf1a0f4cffbbbb005306acfbf0a2eda53 Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Fri, 1 Sep 2023 14:30:04 +0300
Subject: [PATCH] fix mai menu

---
 src/app/_modules/pages/page/page.component.html | 14 +++++++-------
 src/app/_modules/pages/page/page.component.ts   |  3 +++
 src/assets/css/main-menu.scss                   | 14 +++++++++++++-
 3 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/app/_modules/pages/page/page.component.html b/src/app/_modules/pages/page/page.component.html
index 533f348..95ec3f7 100644
--- a/src/app/_modules/pages/page/page.component.html
+++ b/src/app/_modules/pages/page/page.component.html
@@ -1,15 +1,15 @@
 <div class="content" *ngIf="page">
-  <div class="row">
-    <div class="page-header" style="background-image: url('{{page?.image?.data?.links?.full}}')">
+  <div class="row">    
+    <div class="page-header" style="background-image: url('{{page?.image}}')"> 
       <div class="block" *ngIf="editMode">
         <button (click)="editBackground()" class="edit"></button>
         <button (click)="removeBackground()" class="delete"></button>
-      </div>
-      <div class="limiter">
+      </div>  
+      <div class="limiter">      
         <div class="line">
-          <h1>{{page?.name}}</h1>
+          <h1>{{pageTopName||page?.name}}</h1>
         </div>
-      </div>
+      </div>          
     </div>
     <div class="limiter nav-info" *ngIf="isEditable">
       <div class="col right" (click)="toggleEditMode()">
@@ -32,4 +32,4 @@
 <div class="content" *ngIf="!loading && !page">
   <page-not-found></page-not-found>
 </div>
-<!--div class="loader" *ngIf="loading"></div-->
+<!--div class="loader" *ngIf="loading"></div-->
\ No newline at end of file
diff --git a/src/app/_modules/pages/page/page.component.ts b/src/app/_modules/pages/page/page.component.ts
index a3aeec0..5b337ba 100644
--- a/src/app/_modules/pages/page/page.component.ts
+++ b/src/app/_modules/pages/page/page.component.ts
@@ -35,6 +35,9 @@ export class PageComponent {
   get isEditable() {
     return this.permissions?.edit || this.permissions?.anything;
   }
+  get pageTopName(){
+    return this.page?.parents?.data[1]?.name;
+  }
 
 
 
diff --git a/src/assets/css/main-menu.scss b/src/assets/css/main-menu.scss
index cde230d..d266fce 100644
--- a/src/assets/css/main-menu.scss
+++ b/src/assets/css/main-menu.scss
@@ -89,10 +89,20 @@
 @media  screen and (min-width: 961px){
 
   pages-menu {
-    animation: slide-from-top-and-fade-in 0.2s;
+    
     pages-menu-item {
+
       a {
         transition: all 0.3s;
+        &:not(:hover).active{
+          
+          >span{
+            padding-top: 2px;
+            display: inline-block;
+            box-sizing: border-box;
+            border-bottom: 2px solid var(--blue-1) ;
+          }
+        } 
       }
       &:hover {
         &>pages-menu {
@@ -109,6 +119,7 @@
 
   // level 1
   pages-menu {
+    
     width: 100%;
     display: flex;
     align-items: stretch;
@@ -116,6 +127,7 @@
     margin: 0 4px;
     
     &>pages-menu-item {
+      animation: slide-from-top-and-fade-in 0.2s;
       display: flex;
       flex-direction: row;
       flex-wrap: nowrap;