documents

src/app/_modules/form-fields/types/document/value/field-document-value.component.scss

@@ -1,14 +0,0 @@
-.fader {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0,0,0,0.6);
-}
-
-.form {
-  position: relative;
-  background-color: #ffffff;
-  z-index: 10000;
-}

src/app/_modules/pages/sections/types/basic/documents/documents-section.component.html

@@ -2,7 +2,10 @@
   <div class="items">
     <div class="item" *ngFor="let item of items">
       <file-ico [type]="item.extension"></file-ico>
-      <a [href]="item.links?.open" target="_blank">{{item.name}}</a>
+      <div class="value">
+        <a [href]="item.links?.open" target="_blank">{{item.name}}</a>
+        <div class="description">{{item.description}}</div>
+      </div>
     </div>
   </div>
 </div>

src/assets/css/_forms.scss

@@ -217,5 +217,20 @@ form-field-document{
         }
       }
     }
+    .fader {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0,0,0,0.6);
+    }
+    
+    .form {
+      position: relative;
+      background-color: #ffffff;
+      z-index: 10000;
+    }
+    
   }
 }

src/environments/environment.ts

@@ -6,7 +6,7 @@ export const environment = {
   production: false,
   apiUrl: 'http://api.nircms.lc',
   clientId: 2,
-  clientSecret: 'gVk3jjKq6rWWM52025xgXlw2XGW1UACowyMIyhRR',
+  clientSecret: 'v49Z7dwUb1cobcTIJ5JQVJBzOFcNyJMzMmiDspUm',
   project: null,
   defaultLocale: 'ru'
 };

src/environments/vniigaz-v2.env.dev.ts

@@ -6,7 +6,7 @@ export const environment = {
   production: false,
   apiUrl: 'http://api.nircms.lc',
   clientId: 2,
-  clientSecret: 'SoQdwJzNSVfFd9Bqa4wAEYxCTxzdvKd5PJZIlGqo',
+  clientSecret: 'v49Z7dwUb1cobcTIJ5JQVJBzOFcNyJMzMmiDspUm',
   project: 'vniigaz-v2',
   defaultLocale: 'ru'
 };

src/vniigaz-v2/css/_documents-lists.scss

@@ -5,8 +5,17 @@
       display: flex;
       gap: 8px;
       margin: 0 0 16px;
-      a {
-        display: inline-block;        
+      .value{
+        display: flex;
+        flex-direction: column;        
+        a {
+          display: inline-block;        
+        }
+        .description{
+          font-size: 16px;
+          line-height: 24px;
+          color: var(--second);
+        }
       }
       &:last-child {
         margin: 0;

src/vniigaz-v2/css/_forms.scss

@@ -211,6 +211,11 @@ form-field-document{
         display: flex;
         align-items: flex-start;
         gap: $pxs;
+        .description{
+          font-size: 16px;
+          line-height: 24px;
+          color: var(--second);
+        }
       }
       .doc-item-form{
         input{
@@ -220,9 +225,29 @@ form-field-document{
           display: flex;
           justify-content: flex-end;
           gap:  $pxs;
+          ico{
+            cursor: pointer;
+          }
         }
       }
     }
+    .fader {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0,0,0,0.6);
+    }
+    
+    .form {
+      position: relative;
+      background-color: #ffffff;
+      z-index: 100;
+      border-radius: 12px;
+      padding: $p;
+    }
+    
   }
 }
 

src/vniigaz-v2/css/_registry.scss

@@ -4,23 +4,50 @@
     gap:24px;
     align-items: flex-end;
   }
-  .menu {
-    ico{
-      cursor: pointer;
-      &:hover svg{
-        color: var(--second-act)
+
+  .bar {
+    background-color: var(--second);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 24px;
+    margin-bottom: 24px;
+    .name{
+      color: var(--white);
+      font-family: PT Sans;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 24px; /* 150% */
+    }
+    .menu{
+      display: flex;
+      gap: $p;
+      svg{
+        cursor: pointer;
+        color: var(--white);
       }
     }
-  }
-  .bar {
-    background-color: var(--second-dis);
-
     drop-down{
       margin-left: 24px;
     }
   }
   registry-category {
     display: block;
+    .bar{
+      background-color: var(--light);
+      border-top: 1px solid var(--second-dis);
+      border-bottom: 1px solid var(--second-dis);
+      .name{
+        color: var(--dark);
+      }
+      .menu{
+        svg{
+          color: var(--second);
+        }
+      }
+    }
+
   }
 }
 
@@ -63,7 +90,6 @@ registry-category{
     flex-direction: row;
     align-items: center;
     padding: 12px 24px;
-    margin-bottom: 24px;
     cursor: pointer;
     .name {
       margin-right: auto;