V8 beta - Enhance responsiveness of listing header

assets/css/all-listings.css

@@ -10905,17 +10905,20 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di
 }
 
 /* Archive header bar contents */
-.directorist-content-active .directorist-header-bar {
+.directorist-content-active .directorist-archive-contents__top .directorist-header-bar {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin: 30px 0;
 }
 @media screen and (max-width: 575px) {
-  .directorist-content-active .directorist-header-bar {
+  .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full {
     display: none;
   }
+  .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid {
+    padding: 0;
+  }
 }
 .directorist-content-active .directorist-listings-header {
   display: -webkit-box;

assets/css/all-listings.rtl.css

@@ -10905,17 +10905,20 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di
 }
 
 /* Archive header bar contents */
-.directorist-content-active .directorist-header-bar {
+.directorist-content-active .directorist-archive-contents__top .directorist-header-bar {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin: 30px 0;
 }
 @media screen and (max-width: 575px) {
-  .directorist-content-active .directorist-header-bar {
+  .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full {
     display: none;
   }
+  .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid {
+    padding: 0;
+  }
 }
 .directorist-content-active .directorist-listings-header {
   display: -webkit-box;

assets/css/public-main.css

@@ -10905,17 +10905,20 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di
 }
 
 /* Archive header bar contents */
-.directorist-content-active .directorist-header-bar {
+.directorist-content-active .directorist-archive-contents__top .directorist-header-bar {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin: 30px 0;
 }
 @media screen and (max-width: 575px) {
-  .directorist-content-active .directorist-header-bar {
+  .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full {
     display: none;
   }
+  .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid {
+    padding: 0;
+  }
 }
 .directorist-content-active .directorist-listings-header {
   display: -webkit-box;

assets/css/public-main.rtl.css

@@ -10905,17 +10905,20 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di
 }
 
 /* Archive header bar contents */
-.directorist-content-active .directorist-header-bar {
+.directorist-content-active .directorist-archive-contents__top .directorist-header-bar {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin: 30px 0;
 }
 @media screen and (max-width: 575px) {
-  .directorist-content-active .directorist-header-bar {
+  .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full {
     display: none;
   }
+  .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid {
+    padding: 0;
+  }
 }
 .directorist-content-active .directorist-listings-header {
   display: -webkit-box;

assets/src/js/public/search-form.js

@@ -150,18 +150,23 @@ import './components/directoristSelect';
             searchFields.forEach((searchField)=>{
                 let inputFieldValue = searchField.value;
                 if(searchField.classList.contains('directorist-select')) {
-                    inputFieldValue = searchField.querySelector('select').dataset.selectedId;
-                }
-
-                if (inputFieldValue !='') {
-                    searchField.parentElement.classList.add('input-has-value');
-                    if(!searchField.parentElement.classList.contains('input-is-focused')) {
-                        searchField.parentElement.classList.add('input-is-focused');
-                    }
+                    $(window).on('load', function () {
+                        if(searchField.parentElement.classList.contains('input-is-focused')) {
+                            searchField.parentElement.classList.remove('input-is-focused');
+                        }
+                    });
+
                 } else {
-                    inputFieldValue = ''
-                    if(searchField.parentElement.classList.contains('input-has-value')) {
-                        searchField.parentElement.classList.remove('input-has-value');
+                    if (inputFieldValue !='') {
+                        searchField.parentElement.classList.add('input-has-value');
+                        if(!searchField.parentElement.classList.contains('input-is-focused')) {
+                            searchField.parentElement.classList.add('input-is-focused');
+                        }
+                    } else {
+                        inputFieldValue = ''
+                        if(searchField.parentElement.classList.contains('input-has-value')) {
+                            searchField.parentElement.classList.remove('input-has-value');
+                        }
                     }
                 }
             });
@@ -743,9 +748,9 @@ import './components/directoristSelect';
             $('.directorist-range-slider-wrap').closest('.directorist-search-field').addClass('directorist-search-field-radius_search');
             $('.directorist-location-js').each((index,locationDOM)=>{
                 if($(locationDOM).val() === ''){
-                    $(locationDOM).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search').css({display: "none"});
+                    $(locationDOM).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search, .directorist-radius-search').css({display: "none"});
                 } else{
-                    $(locationDOM).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search').css({display: "block"});
+                    $(locationDOM).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search, .directorist-radius-search').css({display: "block"});
                 }
             });
         }