From 45b3d93fccdfbe73d00df232ea853461c75bb6e1 Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Fri, 22 Dec 2023 17:33:55 +0300
Subject: [PATCH] css fix

---
 .../menu/item/pages-menu-item.component.html  |  2 +-
 src/vniigaz-v2/css/_grid.scss                 | 12 +++++++++
 src/vniigaz-v2/css/_main-menu.scss            | 25 ++++++++++++++-----
 src/vniigaz-v2/images/ico/chevron_menu_24.svg |  5 ++++
 4 files changed, 37 insertions(+), 7 deletions(-)
 create mode 100644 src/vniigaz-v2/images/ico/chevron_menu_24.svg

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 345fb6a..4c6f321 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,5 +1,5 @@
 <div class="item" [ngClass]="itemClass">
-  <drop-down ico="arrow_drop_down_24" (toggle)="toggle($event)" [visible]="open" [angle]="[-90,0]" *ngIf="hasChildren"></drop-down>
+  <drop-down ico="chevron_menu_24" (toggle)="toggle($event)" [visible]="open" [angle]="[-90,0]" *ngIf="hasChildren"></drop-down>
   <a (click)="select()">{{item.name}}</a>
 </div>
 <pages-menu *ngIf="children?.length" [items]="children" [level]="level + 1"  [ngClass]="menuClass"></pages-menu>
diff --git a/src/vniigaz-v2/css/_grid.scss b/src/vniigaz-v2/css/_grid.scss
index 1527b69..842749b 100644
--- a/src/vniigaz-v2/css/_grid.scss
+++ b/src/vniigaz-v2/css/_grid.scss
@@ -147,6 +147,18 @@ jumbotron{
   }
 }
 
+@media screen and (min-width: 1330px){
+  .this-root-page{
+    .content-sapce{  
+      .content-grid{
+        .main-content{
+          margin-left: 150px;
+        }
+      };
+    }
+  }
+}
+
 footer{
   background-color: var(--prime-act);
   align-self: stretch;
diff --git a/src/vniigaz-v2/css/_main-menu.scss b/src/vniigaz-v2/css/_main-menu.scss
index e49d666..140be7a 100644
--- a/src/vniigaz-v2/css/_main-menu.scss
+++ b/src/vniigaz-v2/css/_main-menu.scss
@@ -112,22 +112,24 @@ a.logo{
 slider[side="left"]{
   .slider-bar{
     background-color: var(--prime-act);
-    padding: 32px 40px;
+    padding: 40px 48px;
     width: 480px;
     max-width: 100vw;
     .header{
       background-color: var(--prime-act);
       box-shadow: none;
       padding: 0 0 28px;
-      ico svg{
-        color: var(--white);
+      .title{
+        ico svg{
+          color: var(--white);
+        }
       }
+
     }
     .body{
       pages-menu{
         ico{
-          border: 2px solid var(--white);
-          border-radius: 14px; 
+
           margin-top: 20px;
           svg{
             color: var(--white);
@@ -140,7 +142,7 @@ slider[side="left"]{
           font-weight: 400;
           line-height: 24px;
           color: var(--white);
-          margin: 20px 0 2px 16px;
+          margin: 20px 0 2px 20px;
         }
 
         &.top-menu{
@@ -191,6 +193,17 @@ slider[side="left"]{
   }
 }
 
+@media screen and (max-width: 900px){
+  slider[side="left"]{
+    .slider-bar{
+      padding: 40px 32px;
+    }
+  }
+}
+
+
+
+
 @media screen and (min-width: 1330px){
   .header{
     .burger{
diff --git a/src/vniigaz-v2/images/ico/chevron_menu_24.svg b/src/vniigaz-v2/images/ico/chevron_menu_24.svg
new file mode 100644
index 0000000..a38a198
--- /dev/null
+++ b/src/vniigaz-v2/images/ico/chevron_menu_24.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ico">
+<path id="expand_more_24" d="M12 16.0001L6 10.0001L7.4 8.6001L12 13.2001L16.6 8.6001L18 10.0001L12 16.0001Z" fill="currentColor"/>
+</g>
+</svg>