fix touch reach text-box in edit document

src/vniigaz-v2/css/_forms.scss

@@ -15,7 +15,7 @@ input, select, textarea {
   &:focus, &:focus-visible {
     border-color: var(--prime);
     outline: none;
-    
+
   }
   &:disabled{
     border-color: #EDEDED;
@@ -202,7 +202,7 @@ form-field-document{
       }
     }
   }
-  
+
   .values {
     display: flex;
     flex-direction: column;
@@ -242,7 +242,7 @@ form-field-document{
           ico{
             cursor: pointer;
             display: flex;
-            svg{ 
+            svg{
               color: var(--white);
             }
           }
@@ -264,8 +264,9 @@ form-field-document{
       width: 100%;
       height: 100%;
       background-color: rgba(0,0,0,0.6);
+      z-index: 10;
     }
-    
+
     .form {
       position: relative;
       background-color: #ffffff;
@@ -273,7 +274,7 @@ form-field-document{
       border-radius: 12px;
       padding: $p;
     }
-    
+
   }
 }
 
@@ -332,7 +333,7 @@ form-field-image{
       }
     }
   }
-  
+
   .values {
     display: flex;
     column-gap: 24px;
@@ -362,7 +363,7 @@ form-field-image{
         margin-left: 4px;
       }
     }
-  }  
+  }
 }
 
 .field {
@@ -378,7 +379,7 @@ form-field-image{
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
-    line-height: 32px; 
+    line-height: 32px;
   }
   .value {
     .error {
@@ -422,21 +423,21 @@ auth-page{
       text-align: center;
       color: #0071BB;
     }
-  
+
     .form {
       display: flex;
       flex-grow: 1;
       padding: 24px;
     }
-  
+
     .center {
       width: 100%;
       max-width: 416px;
       margin: auto;
     }
   }
-  
-  
+
+
   @media screen and (max-width: 959px) {
     .authentication {
       flex-direction: column;
@@ -454,7 +455,7 @@ auth-page{
       }
     }
   }
-  
+
 }
 
 auth-page, auth-modal{
@@ -465,16 +466,16 @@ auth-page, auth-modal{
     font-size: 24px;
     font-weight: normal;
   }
-  
+
   .field {
     margin: 0 0 16px;
-  
+
     label {
       font-size: 14px;
       color: #666666;
       line-height: 20px;
     }
-  
+
     .checkbox {
       display: flex;
       flex-direction: row;
@@ -497,14 +498,14 @@ auth-page, auth-modal{
       }
     }
   }
-  
+
   .error {
     margin: 0 0 16px;
     font-size: 14px;
     color: #D91519;
     text-align: center;
   }
-  
+
   .bar {
     display: flex;
     flex-direction: row;
@@ -530,7 +531,7 @@ auth-page, auth-modal{
       justify-content: space-between;
     }
   }
-  
+
   .bottom {
     display: flex;
     flex-direction: row;
@@ -539,8 +540,8 @@ auth-page, auth-modal{
     gap: 24px;
     margin: 24px 0 0;
   }
-  
-  
+
+
   @media screen and (max-width: 600px) {
     .bottom {
       flex-direction: column-reverse;
@@ -549,5 +550,5 @@ auth-page, auth-modal{
       }
     }
   }
-  
-}
+
+}