First half edits almost done

src/js/main.js

@@ -1549,7 +1549,13 @@ function validationForms(forms)
 
       fieldsText.forEach(function(input)
       {
-        if(input.style.display === 'none') return;
+        // if(input.style.display === 'none') console.log('yes');
+        if(getComputedStyle(input, null).display === 'none' || input.disabled)
+        {
+          input.classList.remove('field-error');
+          return;
+        }
+
         if(!checkFieldText(input)) valid = false;
       });
 
@@ -1559,19 +1565,24 @@ function validationForms(forms)
 
       fieldsTextarea.forEach(function(textarea)
       {
-        if(textarea.style.display === 'none') return;
+        if(getComputedStyle(textarea, null).display === 'none' || textarea.disabled)
+        {
+          textarea.classList.remove('field-error');
+          return;
+        }
+
         if(!checkFieldTextarea(textarea)) valid = false;
       });
 
       // Проверим все чекбоксы
 
-      const fieldsCheckbox = form.querySelectorAll('input[type="checkbox"]');
+      // const fieldsCheckbox = form.querySelectorAll('input[type="checkbox"]');
 
-      fieldsCheckbox.forEach(function(input)
-      {
-        if(input.style.display === 'none') return;
-        if(!checkFieldCheckbox(input)) valid = false;
-      });
+      // fieldsCheckbox.forEach(function(input)
+      // {
+      //   if(input.style.display === 'none') return;
+      //   if(!checkFieldCheckbox(input)) valid = false;
+      // });
 
       // Проверим все радиокнопки
 
@@ -1589,7 +1600,12 @@ function validationForms(forms)
 
       fieldsPassword.forEach(function(input)
       {
-        if(input.style.display === 'none') return;
+        if(getComputedStyle(input, null).display === 'none' || input.disabled)
+        {
+          input.classList.remove('field-error');
+          return;
+        }
+
         if(!checkFieldPassword(input)) valid = false;
       });
 
@@ -1792,11 +1808,14 @@ if(responses.length)
 
 if(window.matchMedia('(max-width: 650px)').matches)
 {
-  let submitButton = document.querySelector('.quick-job-search-block-content form input[type="submit"]');
+  let submitButton = document.querySelectorAll('input[name="submit-quick-search-form"]');
 
-  if(submitButton)
+  if(submitButton.length)
   {
-    submitButton.value = ''
+    submitButton.forEach(button => 
+    {
+      button.value = '';
+    });
   }
 }
 
@@ -2000,10 +2019,10 @@ if(filterBlockContent.length)
 }
 
 
- // Добавление маски для поля с телефоном
+// Добавление маски для поля с телефоном
 
- function addMask(event)
- {
+function addMask(event)
+{
   if( !(event.key == 'ArrowLeft' || event.key == 'ArrowRight' || event.key == 'Backspace' || event.key == 'Tab')) { event.preventDefault() }
   var mask = '+7 (111) 111-11-11'; // Задаем маску
 
@@ -2026,18 +2045,90 @@ if(filterBlockContent.length)
         }
       }
   } 
- }
+}
      
 
- let fieldPhones = document.querySelectorAll('input[data-phone="true"]');
+let fieldPhones = document.querySelectorAll('input[data-phone="true"]');
 
- if(fieldPhones.length)
- {
+if(fieldPhones.length)
+{
     fieldPhones.forEach(input => 
     {
         input.addEventListener('keydown', addMask);
     });
+}
+
+// Окно поиска города 
+
+let choiceCity = document.querySelector('.header-top-left .choice-city');
+let modalSearchCity = document.querySelector('.modal-search-city');
+
+if(choiceCity && modalSearchCity) 
+{
+  choiceCity.addEventListener('click', (e) => 
+  {
+    e.preventDefault();
+    document.body.classList.toggle('disabled');
+    choiceCity.classList.toggle('choice-city_active');
+    modalSearchCity.classList.toggle('modal-search-city_active');
+
+    modalSearchCity.querySelector('.close-modal a').addEventListener('click', (e) => 
+    {
+      e.preventDefault();
+      document.body.classList.remove('disabled');
+      choiceCity.classList.remove('choice-city_active');
+      modalSearchCity.classList.remove('modal-search-city_active');
+    });
+  });
+}
+
+// Окно поиска 
+
+let findRef = document.querySelectorAll('.find-ref');
+let modalFind = document.querySelector('.modal-find');
+
+if(modalFind && findRef.length)
+{
+  findRef.forEach(ref => 
+  {
+    ref.addEventListener('click', (e) => 
+    {
+      e.preventDefault();
+
+      if(window.matchMedia('(min-width: 651px)').matches)
+      {
+        let headerHeight = document.querySelector('.header').clientHeight;
+        let scroll = window.pageYOffset || document.documentElement.scrollTop;
+  
+        if(scroll >= headerHeight)
+        {
+          modalFind.style.top = '60px';
+        }
+        else if(scroll === 0)
+        {
+          modalFind.style.top = '76px';
         }
+        else 
+        {
+          modalFind.style.top = '0px';
+        }
+      }
+
+      document.body.classList.add('disabled');
+      modalFind.classList.add('modal-find_active');
+  
+      modalFind.querySelector('.close-modal a').addEventListener('click', (e) => 
+      {
+        e.preventDefault();
+        modalFind.classList.remove('modal-find_active');
+        document.body.classList.remove('disabled');
+      });
+    });
+  });
+}
+
+
+
 
 
 

src/scss/_media.scss

@@ -20,9 +20,6 @@
         padding-left: 15px;
         padding-right: 15px;
     }
-}
-@media(max-width: 1280px)
-{
     .container 
     {
         max-width: 100%;
@@ -30,6 +27,9 @@
         padding-left: 20px;
         padding-right: 20px;
     }
+}
+@media(max-width: 1280px)
+{
     .quick-job-search-block-content
     {
         padding: 64px 78px 43px;
@@ -71,6 +71,10 @@
         padding-left: 20px;
         padding-right: 20px;
     }
+    .quick-job-search-block-content form input[type=text]
+    {
+        width: 29.7%;
+    }
 }
 @media(max-width: 1180px)
 {
@@ -347,14 +351,18 @@
 }
 @media(max-width: 940px)
 {
-    .quick-job-search-block-content form input[type=text]
-    {
-        width: 25%;
-    }
+    // .quick-job-search-block-content form input[type=text]
+    // {
+    //     width: 25%;
+    // }
     .quick-job-search-block-content
     {
         padding: 43px;
     }
+    .quick-job-search-block-content .hash-tags
+    {
+        justify-content: center;
+    }
 }
 @media(max-width: 900px)
 {
@@ -428,29 +436,29 @@
         flex: 0 0 50%;
         max-width: 50%;
     }
-    .post-resume .steps-post-resume
+    .post .steps-post
     {
         flex-direction: column;
         justify-content: flex-start;
         align-items: flex-start;
     }
-    .post-resume .steps-post-resume__arrow
+    .post .steps-post__arrow
     {
         display: none;
     }
-    .post-resume .steps-post-resume__step
+    .post .steps-post__step
     {
         margin-bottom: 32px;
     }
-    .post-resume .steps-post-resume__step:last-child
+    .post .steps-post__step:last-child
     {
         margin-bottom: 0;
     }
-    .post-resume .steps-post-resume__step
+    .post .steps-post__step
     {
         display: none;
     }
-    .post-resume .steps-post-resume__step_current
+    .post .steps-post__step_current
     {
         display: block;
         margin-bottom: 0;
@@ -576,6 +584,28 @@
 }
 @media(max-width: 650px)
 {
+    // .subscription, .mailing 
+    // {
+    //     .row 
+    //     {
+    //         .col-4 
+    //         {
+    //             div:last-child 
+    //             {
+    //                 margin: auto;
+    //             }
+    //         }
+    //     }
+    // }
+    .modal-find .quick-job-search-block .quick-job-search-block-content
+    {
+        padding-left: 0;
+        padding-right: 0;
+    }
+    .modal-find 
+    {
+        top: 51px;
+    }
     .profile-container .detailed-description .row
     {
         margin-left: -16px;