left slider

src/app/_modules/layout/header/user-bar/header-user-bar.component.html

@@ -10,7 +10,7 @@
       </div>
       <!-- <li *ngIf="isJournalVisible" (click)="link('applications')">Журнал заявок</li> -->
       <div class="type" *ngIf="authService.isAdmin" (click)="link('administrate')">
-        <div class="row">Структура сайта</div>
+        <div class="row">Панель управления</div>
       </div>
       <div class="type" (click)="logout()">
         <div class="row">Выход из системы</div>

src/app/_modules/pages/menu/slider-menu/slider-menu.component.html

@@ -1,4 +1,4 @@
-<slider [width]="'320px'" side="left">
+<slider side="left">
 
     <div body>
         <pages-menu *ngIf="rootPages" [root]="rootPages" class="top-menu"></pages-menu>

src/vniigaz-v2/css/_forms.scss

@@ -204,13 +204,23 @@ form-field-document{
   }
   
   .values {
-  
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    flex-wrap: nowrap;
     .item {
+      display: flex;
+      flex-direction: column;
       margin-top: $p;
       .doc-item-header{
         display: flex;
         align-items: flex-start;
         gap: $pxs;
+        .info{
+          flex-shrink: 1;
+          overflow: hidden;
+          max-width: 530px;
+        }
         .description{
           font-size: 16px;
           line-height: 24px;
@@ -312,8 +322,7 @@ form-field-image{
   
   .values {
     display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
+    flex-direction: column;
     column-gap: 24px;
     row-gap: 12px;
     margin-top: 8px;
@@ -321,6 +330,8 @@ form-field-image{
     .item {
       display: flex;
       flex-direction: row;
+      max-width: 100%;
+      overflow: hidden;
       .preview {
         width: 80px;
         height: 80px;

src/vniigaz-v2/css/_main-menu.scss

@@ -98,9 +98,70 @@ a.logo{
 
 
 
+
+
+slider[side="left"]{
+  .slider-bar{
+    background-color: var(--prime-act);
+    padding: 32px 40px;
+    width: 480px;
+    max-width: 100vw;
+    .header{
+      background-color: var(--prime-act);
+      box-shadow: none;
+      padding: 0 0 28px;
+      ico svg{
+        color: var(--white);
+      }
+    }
+    .body{
+      pages-menu{
+        ico{
+          border: 2px solid var(--white);
+          border-radius: 14px; 
+          margin-top: 20px;
+          svg{
+            color: var(--white);
+          }
+        }
+        a{
+          font-family: PT Sans;
+          font-size: 20px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 24px;
+          color: var(--white);
+          margin: 20px 0 2px 16px;
+        }
+
+        &.top-menu{
+          &>pages-menu-item>.item>a{
+            font-family: PT Sans Narrow;
+            font-size: 24px;
+            font-style: normal;
+            font-weight: 700;
+            letter-spacing: 0.24px;
+          }
+        }
+        .current{
+          border-bottom: 2px solid var(--prime-dis);
+        }
+      }
+    }
+  }
+
+}
+
+
+
+
+
+
+
+
 @media screen and (max-width: 1330px){
   .header{
-    pages-menu, >a.vnii{
+    pages-menu, >a.vnii, .header-right{
       display: none !important;
     }
   }