From 3d551276ef942d93f3941203eb3748da642e8d97 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Thu, 5 Oct 2023 11:40:32 +0600 Subject: [PATCH 001/127] Single Listing Slider Align - Fixed --- assets/css/all-listings.css | 4 +++- assets/css/all-listings.rtl.css | 4 +++- assets/css/public-main.css | 4 +++- assets/css/public-main.rtl.css | 4 +++- assets/js/listing-slider.js | 1 + assets/src/js/public/listing-slider.js | 1 + assets/src/scss/component/_listing-slider.scss | 4 +++- 7 files changed, 17 insertions(+), 5 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 64a372d2c1..01c9542cf2 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -7277,6 +7277,7 @@ p.atbd-min { .directorist-single-listing-slider { max-width: 100%; + margin: 0 auto; border-radius: 16px; } @media screen and (max-width: 991px) { @@ -7338,7 +7339,8 @@ p.atbd-min { } .directorist-single-listing-slider-thumb { - margin-top: 10px; + max-width: 100%; + margin: 10px auto 0; border-radius: 16px; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 84ef6b863f..b91a32adc3 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -7277,6 +7277,7 @@ p.atbd-min { .directorist-single-listing-slider { max-width: 100%; + margin: 0 auto; border-radius: 16px; } @media screen and (max-width: 991px) { @@ -7338,7 +7339,8 @@ p.atbd-min { } .directorist-single-listing-slider-thumb { - margin-top: 10px; + max-width: 100%; + margin: 10px auto 0; border-radius: 16px; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 0b7bf3e000..157ca144e2 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -7277,6 +7277,7 @@ p.atbd-min { .directorist-single-listing-slider { max-width: 100%; + margin: 0 auto; border-radius: 16px; } @media screen and (max-width: 991px) { @@ -7338,7 +7339,8 @@ p.atbd-min { } .directorist-single-listing-slider-thumb { - margin-top: 10px; + max-width: 100%; + margin: 10px auto 0; border-radius: 16px; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 84ef6b863f..b91a32adc3 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -7277,6 +7277,7 @@ p.atbd-min { .directorist-single-listing-slider { max-width: 100%; + margin: 0 auto; border-radius: 16px; } @media screen and (max-width: 991px) { @@ -7338,7 +7339,8 @@ p.atbd-min { } .directorist-single-listing-slider-thumb { - margin-top: 10px; + max-width: 100%; + margin: 10px auto 0; border-radius: 16px; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { diff --git a/assets/js/listing-slider.js b/assets/js/listing-slider.js index 37a3a83254..55a2bfcecc 100644 --- a/assets/js/listing-slider.js +++ b/assets/js/listing-slider.js @@ -311,6 +311,7 @@ __webpack_require__.r(__webpack_exports__); swiperCarouselSingleListing.style.backgroundColor = dataBackgroundColor ? dataBackgroundColor : 'transparent'; swiperCarouselSingleListing.style.backgroundSize = dataBackgroundSize ? dataBackgroundSize : ''; // swiperCarouselSingleListingThumb.style.display = dataShowThumbnails == '0' ? 'none' : ''; + swiperCarouselSingleListingThumb.style.width = dataWidth ? dataWidth + 'px' : '100%'; swiperCarouselSingleListingThumb.style.backgroundColor = dataThumbnailsBackground ? dataThumbnailsBackground : 'transparent'; }); } diff --git a/assets/src/js/public/listing-slider.js b/assets/src/js/public/listing-slider.js index 9c26cb7ebf..1d497927f1 100644 --- a/assets/src/js/public/listing-slider.js +++ b/assets/src/js/public/listing-slider.js @@ -229,6 +229,7 @@ swiperCarouselSingleListing.style.backgroundSize = dataBackgroundSize ? dataBackgroundSize : ''; // swiperCarouselSingleListingThumb.style.display = dataShowThumbnails == '0' ? 'none' : ''; + swiperCarouselSingleListingThumb.style.width = dataWidth ? dataWidth + 'px' : '100%'; swiperCarouselSingleListingThumb.style.backgroundColor = dataThumbnailsBackground ? dataThumbnailsBackground : 'transparent'; }); } diff --git a/assets/src/scss/component/_listing-slider.scss b/assets/src/scss/component/_listing-slider.scss index 4741e0fde3..f35fbfcb50 100644 --- a/assets/src/scss/component/_listing-slider.scss +++ b/assets/src/scss/component/_listing-slider.scss @@ -93,6 +93,7 @@ .directorist-single-listing-slider { max-width: 100%; + margin: 0 auto; border-radius: 16px; @media screen and (max-width: 991px) { max-height: 450px !important; @@ -156,7 +157,8 @@ } .directorist-single-listing-slider-thumb { - margin-top: 10px; + max-width: 100%; + margin: 10px auto 0; border-radius: 16px; .directorist-swiper { @include e(navigation) { From 1a00040ec272b4fa57bd827644d42893fadd0eaf Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Thu, 5 Oct 2023 13:03:50 +0600 Subject: [PATCH 002/127] Single Listing Slider Thhumbs Active Style - Improved --- assets/css/all-listings.css | 20 +++++++++++++++++ assets/css/all-listings.rtl.css | 20 +++++++++++++++++ assets/css/public-main.css | 20 +++++++++++++++++ assets/css/public-main.rtl.css | 20 +++++++++++++++++ .../src/scss/component/_listing-slider.scss | 22 +++++++++++++++++++ 5 files changed, 102 insertions(+) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 01c9542cf2..77f020bc47 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -7350,6 +7350,7 @@ p.atbd-min { display: none; } .directorist-single-listing-slider-thumb .swiper-slide { + position: relative; min-width: 100px; height: 90px; cursor: pointer; @@ -7361,6 +7362,25 @@ p.atbd-min { object-fit: cover; border-radius: 14px; } +.directorist-single-listing-slider-thumb .swiper-slide:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; +} @media screen and (max-width: 575px) { .directorist-single-listing-slider-thumb { display: none; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index b91a32adc3..dc79e1c571 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -7350,6 +7350,7 @@ p.atbd-min { display: none; } .directorist-single-listing-slider-thumb .swiper-slide { + position: relative; min-width: 100px; height: 90px; cursor: pointer; @@ -7361,6 +7362,25 @@ p.atbd-min { object-fit: cover; border-radius: 14px; } +.directorist-single-listing-slider-thumb .swiper-slide:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; +} @media screen and (max-width: 575px) { .directorist-single-listing-slider-thumb { display: none; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 157ca144e2..bc2dd58a4e 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -7350,6 +7350,7 @@ p.atbd-min { display: none; } .directorist-single-listing-slider-thumb .swiper-slide { + position: relative; min-width: 100px; height: 90px; cursor: pointer; @@ -7361,6 +7362,25 @@ p.atbd-min { object-fit: cover; border-radius: 14px; } +.directorist-single-listing-slider-thumb .swiper-slide:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; +} @media screen and (max-width: 575px) { .directorist-single-listing-slider-thumb { display: none; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index b91a32adc3..dc79e1c571 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -7350,6 +7350,7 @@ p.atbd-min { display: none; } .directorist-single-listing-slider-thumb .swiper-slide { + position: relative; min-width: 100px; height: 90px; cursor: pointer; @@ -7361,6 +7362,25 @@ p.atbd-min { object-fit: cover; border-radius: 14px; } +.directorist-single-listing-slider-thumb .swiper-slide:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; +} @media screen and (max-width: 575px) { .directorist-single-listing-slider-thumb { display: none; diff --git a/assets/src/scss/component/_listing-slider.scss b/assets/src/scss/component/_listing-slider.scss index f35fbfcb50..dfdce879b0 100644 --- a/assets/src/scss/component/_listing-slider.scss +++ b/assets/src/scss/component/_listing-slider.scss @@ -169,6 +169,7 @@ } } .swiper-slide { + position: relative; min-width: 100px; height: 90px; cursor: pointer; @@ -178,6 +179,27 @@ object-fit: cover; border-radius: 14px; } + &:before { + content: ''; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border-radius: 14px; + background-color: rgba(0,0,0,0.3); + z-index: 1; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; + } + &:hover, + &.swiper-slide-thumb-active { + &:before { + opacity: 1; + visibility: visible; + } + } } @media screen and (max-width: 575px) { display: none; From a516c2b0189bfd1765d930669df32af41f30fb8a Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Thu, 5 Oct 2023 13:37:00 +0600 Subject: [PATCH 003/127] Pricing Range Style - Improved --- assets/css/all-listings.css | 26 ++++++++++++++++++ assets/css/all-listings.rtl.css | 26 ++++++++++++++++++ assets/css/public-main.css | 26 ++++++++++++++++++ assets/css/public-main.rtl.css | 26 ++++++++++++++++++ .../src/scss/component/_advanced-search.scss | 27 +++++++++++++++++++ templates/search-form/fields/pricing.php | 8 ++++-- 6 files changed, 137 insertions(+), 2 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 77f020bc47..48606b3fec 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -11216,6 +11216,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; + position: relative; } @media (max-width: 575px) { .directorist-price-ranges__item { @@ -11235,6 +11236,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } .directorist-price-ranges__item .directorist-form-element { background: transparent; + padding-bottom: 1px; border-bottom: 1px solid var(--directorist-color-border); } @media screen and (max-width: 575px) { @@ -11245,9 +11247,29 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di border: 1px solid var(--directorist-color-border); } .directorist-price-ranges__item .directorist-form-element:focus { + padding-bottom: 0; border: 2px solid var(--directorist-color-primary); } } +.directorist-price-ranges__label { + position: absolute; + top: 12px; + line-height: 1; + font-size: 14px !important; + font-weight: 400 !important; + color: var(--directorist-color-light-gray) !important; + z-index: 1; +} +.directorist-price-ranges__currency { + position: absolute; + top: 12px; + left: 32px; + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + z-index: 1; +} .directorist-price-ranges__price-frequency { display: -webkit-box; display: -webkit-flex; @@ -11318,6 +11340,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); } } +.directorist-price-ranges .directorist-form-element { + -webkit-padding-start: 42px; + padding-inline-start: 42px; +} .directorist-search-field { font-size: 15px; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index dc79e1c571..1c1f5f0fec 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -11216,6 +11216,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; + position: relative; } @media (max-width: 575px) { .directorist-price-ranges__item { @@ -11235,6 +11236,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } .directorist-price-ranges__item .directorist-form-element { background: transparent; + padding-bottom: 1px; border-bottom: 1px solid var(--directorist-color-border); } @media screen and (max-width: 575px) { @@ -11245,9 +11247,29 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di border: 1px solid var(--directorist-color-border); } .directorist-price-ranges__item .directorist-form-element:focus { + padding-bottom: 0; border: 2px solid var(--directorist-color-primary); } } +.directorist-price-ranges__label { + position: absolute; + top: 12px; + line-height: 1; + font-size: 14px !important; + font-weight: 400 !important; + color: var(--directorist-color-light-gray) !important; + z-index: 1; +} +.directorist-price-ranges__currency { + position: absolute; + top: 12px; + right: 32px; + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + z-index: 1; +} .directorist-price-ranges__price-frequency { display: -webkit-box; display: -webkit-flex; @@ -11318,6 +11340,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); } } +.directorist-price-ranges .directorist-form-element { + -webkit-padding-start: 42px; + padding-inline-start: 42px; +} .directorist-search-field { font-size: 15px; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index bc2dd58a4e..4b01af083b 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -11216,6 +11216,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; + position: relative; } @media (max-width: 575px) { .directorist-price-ranges__item { @@ -11235,6 +11236,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } .directorist-price-ranges__item .directorist-form-element { background: transparent; + padding-bottom: 1px; border-bottom: 1px solid var(--directorist-color-border); } @media screen and (max-width: 575px) { @@ -11245,9 +11247,29 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di border: 1px solid var(--directorist-color-border); } .directorist-price-ranges__item .directorist-form-element:focus { + padding-bottom: 0; border: 2px solid var(--directorist-color-primary); } } +.directorist-price-ranges__label { + position: absolute; + top: 12px; + line-height: 1; + font-size: 14px !important; + font-weight: 400 !important; + color: var(--directorist-color-light-gray) !important; + z-index: 1; +} +.directorist-price-ranges__currency { + position: absolute; + top: 12px; + left: 32px; + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + z-index: 1; +} .directorist-price-ranges__price-frequency { display: -webkit-box; display: -webkit-flex; @@ -11318,6 +11340,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); } } +.directorist-price-ranges .directorist-form-element { + -webkit-padding-start: 42px; + padding-inline-start: 42px; +} .directorist-search-field { font-size: 15px; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index dc79e1c571..1c1f5f0fec 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -11216,6 +11216,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; + position: relative; } @media (max-width: 575px) { .directorist-price-ranges__item { @@ -11235,6 +11236,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } .directorist-price-ranges__item .directorist-form-element { background: transparent; + padding-bottom: 1px; border-bottom: 1px solid var(--directorist-color-border); } @media screen and (max-width: 575px) { @@ -11245,9 +11247,29 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di border: 1px solid var(--directorist-color-border); } .directorist-price-ranges__item .directorist-form-element:focus { + padding-bottom: 0; border: 2px solid var(--directorist-color-primary); } } +.directorist-price-ranges__label { + position: absolute; + top: 12px; + line-height: 1; + font-size: 14px !important; + font-weight: 400 !important; + color: var(--directorist-color-light-gray) !important; + z-index: 1; +} +.directorist-price-ranges__currency { + position: absolute; + top: 12px; + right: 32px; + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + z-index: 1; +} .directorist-price-ranges__price-frequency { display: -webkit-box; display: -webkit-flex; @@ -11318,6 +11340,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); } } +.directorist-price-ranges .directorist-form-element { + -webkit-padding-start: 42px; + padding-inline-start: 42px; +} .directorist-search-field { font-size: 15px; diff --git a/assets/src/scss/component/_advanced-search.scss b/assets/src/scss/component/_advanced-search.scss index 68bfcf26f1..a4e416ce74 100644 --- a/assets/src/scss/component/_advanced-search.scss +++ b/assets/src/scss/component/_advanced-search.scss @@ -290,6 +290,7 @@ } @include e(item){ flex: 0 0 45%; + position: relative; @media (max-width: 575px) { flex: auto; } @@ -298,6 +299,7 @@ } .directorist-form-element { background: transparent; + padding-bottom: 1px; border-bottom: 1px solid var(--directorist-color-border); @media screen and (max-width: 575px) { height: 34px; @@ -305,11 +307,32 @@ border-radius: 8px; border: 1px solid var(--directorist-color-border); &:focus { + padding-bottom: 0; border: 2px solid var(--directorist-color-primary); } } } } + @include e(label) { + position: absolute; + top: 12px; + line-height: 1; + font-size: 14px !important; + font-weight: 400 !important; + color: var(--directorist-color-light-gray) !important; + z-index: 1; + } + @include e(currency) { + position: absolute; + top: 12px; + left: 32px; + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + z-index: 1; + } + @include e('price-frequency'){ display: flex; flex-wrap: wrap; @@ -361,6 +384,10 @@ background-color: var(--directorist-color-white); } } + + .directorist-form-element { + padding-inline-start: 42px; + } } // wp-color Picker diff --git a/templates/search-form/fields/pricing.php b/templates/search-form/fields/pricing.php index 7407c8db45..b2844618dd 100644 --- a/templates/search-form/fields/pricing.php +++ b/templates/search-form/fields/pricing.php @@ -23,10 +23,14 @@
- + + $ +
- + + $ +
From 485a39952714f183352f258a03cf468a21010e7f Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Sun, 8 Oct 2023 08:44:15 +0600 Subject: [PATCH 004/127] Prevent Search Modal Closing on Reset Button Click --- assets/js/search-form.js | 20 ++++++++++++++++---- assets/src/js/public/search-form.js | 21 ++++++++++++++++----- 2 files changed, 32 insertions(+), 9 deletions(-) diff --git a/assets/js/search-form.js b/assets/js/search-form.js index b89a76884f..e4b31a6f95 100644 --- a/assets/js/search-form.js +++ b/assets/js/search-form.js @@ -1073,6 +1073,10 @@ __webpack_require__.r(__webpack_exports__); function adsFormReset(searchForm) { searchForm.querySelectorAll("input[type='text']").forEach(function (el) { el.value = ""; + + if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { + el.parentElement.classList.remove('input-has-value', 'input-is-focused'); + } }); searchForm.querySelectorAll("input[type='date']").forEach(function (el) { el.value = ""; @@ -1082,9 +1086,17 @@ __webpack_require__.r(__webpack_exports__); }); searchForm.querySelectorAll("input[type='url']").forEach(function (el) { el.value = ""; + + if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { + el.parentElement.classList.remove('input-has-value', 'input-is-focused'); + } }); searchForm.querySelectorAll("input[type='number']").forEach(function (el) { el.value = ""; + + if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { + el.parentElement.classList.remove('input-has-value', 'input-is-focused'); + } }); searchForm.querySelectorAll("input[type='hidden']:not(.listing_type)").forEach(function (el) { if (el.getAttribute('name') === "directory_type") return; @@ -1107,6 +1119,10 @@ __webpack_require__.r(__webpack_exports__); el.selectedIndex = 0; $('.directorist-select2-dropdown-close').click(); $(el).val(null).trigger('change'); + + if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { + el.parentElement.classList.remove('input-has-value', 'input-is-focused'); + } }); var irisPicker = searchForm.querySelector("input.wp-picker-clear"); @@ -1121,10 +1137,6 @@ __webpack_require__.r(__webpack_exports__); } handleRadiusVisibility(); - var searchModalElement = document.querySelectorAll('.directorist-search-modal'); - searchModalElement.forEach(function (searchModal) { - searchModalClose(searchModal); - }); } /* Advance Search Filter For Search Home Short Code */ diff --git a/assets/src/js/public/search-form.js b/assets/src/js/public/search-form.js index 318e388a15..1907d221cf 100644 --- a/assets/src/js/public/search-form.js +++ b/assets/src/js/public/search-form.js @@ -55,6 +55,10 @@ import { directorist_range_slider } from './range-slider'; function adsFormReset(searchForm) { searchForm.querySelectorAll("input[type='text']").forEach(function (el) { el.value = ""; + + if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { + el.parentElement.classList.remove('input-has-value', 'input-is-focused'); + } }); searchForm.querySelectorAll("input[type='date']").forEach(function (el) { el.value = ""; @@ -64,9 +68,17 @@ import { directorist_range_slider } from './range-slider'; }); searchForm.querySelectorAll("input[type='url']").forEach(function (el) { el.value = ""; + + if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { + el.parentElement.classList.remove('input-has-value', 'input-is-focused'); + } }); searchForm.querySelectorAll("input[type='number']").forEach(function (el) { el.value = ""; + + if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { + el.parentElement.classList.remove('input-has-value', 'input-is-focused'); + } }); searchForm.querySelectorAll("input[type='hidden']:not(.listing_type)").forEach(function (el) { if(el.getAttribute('name') === "directory_type") return; @@ -87,6 +99,10 @@ import { directorist_range_slider } from './range-slider'; el.selectedIndex = 0; $('.directorist-select2-dropdown-close').click(); $(el).val(null).trigger('change'); + + if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { + el.parentElement.classList.remove('input-has-value', 'input-is-focused'); + } }); const irisPicker = searchForm.querySelector("input.wp-picker-clear"); @@ -99,11 +115,6 @@ import { directorist_range_slider } from './range-slider'; rangeValue.innerHTML = "0"; } handleRadiusVisibility(); - - let searchModalElement = document.querySelectorAll('.directorist-search-modal'); - searchModalElement.forEach((searchModal)=>{ - searchModalClose(searchModal); - }) } From a5cf6b579db564afe65ae71acf57fa1dc70e15f8 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Sun, 8 Oct 2023 13:03:06 +0600 Subject: [PATCH 005/127] Builder Button Style - Improved --- assets/css/admin-main.css | 36 +++++++++++++++++++ assets/css/admin-main.rtl.css | 36 +++++++++++++++++++ .../layout/admin/builder/_builder_style.scss | 14 ++++++++ 3 files changed, 86 insertions(+) diff --git a/assets/css/admin-main.css b/assets/css/admin-main.css index de19acff7a..6931af60b9 100644 --- a/assets/css/admin-main.css +++ b/assets/css/admin-main.css @@ -12697,6 +12697,17 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di display: block; } +.cptm-field-wraper-key-preview_image .cptm-btn { + margin: 0 10px; + height: 40px; + color: #23282d !important; + background: #DADCE0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; +} + .atbdp-cptm-footer { display: block; padding: 20px 10px; @@ -12724,6 +12735,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di font-size: 15px; height: 50px; padding: 0 30px; + min-width: 300px; } .cptm-title-bar { @@ -16112,6 +16124,17 @@ input[type=radio] { display: block; } +.cptm-field-wraper-key-preview_image .cptm-btn { + margin: 0 10px; + height: 40px; + color: #23282d !important; + background: #DADCE0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; +} + .atbdp-cptm-footer { display: block; padding: 20px 10px; @@ -16139,6 +16162,7 @@ input[type=radio] { font-size: 15px; height: 50px; padding: 0 30px; + min-width: 300px; } .cptm-title-bar { @@ -19796,6 +19820,17 @@ input[type=radio] { display: block; } +.cptm-field-wraper-key-preview_image .cptm-btn { + margin: 0 10px; + height: 40px; + color: #23282d !important; + background: #DADCE0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; +} + .atbdp-cptm-footer { display: block; padding: 20px 10px; @@ -19823,6 +19858,7 @@ input[type=radio] { font-size: 15px; height: 50px; padding: 0 30px; + min-width: 300px; } .cptm-title-bar { diff --git a/assets/css/admin-main.rtl.css b/assets/css/admin-main.rtl.css index d9e6bfa7bf..b71e6fb070 100644 --- a/assets/css/admin-main.rtl.css +++ b/assets/css/admin-main.rtl.css @@ -12697,6 +12697,17 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di display: block; } +.cptm-field-wraper-key-preview_image .cptm-btn { + margin: 0 10px; + height: 40px; + color: #23282d !important; + background: #DADCE0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; +} + .atbdp-cptm-footer { display: block; padding: 20px 10px; @@ -12724,6 +12735,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di font-size: 15px; height: 50px; padding: 0 30px; + min-width: 300px; } .cptm-title-bar { @@ -16112,6 +16124,17 @@ input[type=radio] { display: block; } +.cptm-field-wraper-key-preview_image .cptm-btn { + margin: 0 10px; + height: 40px; + color: #23282d !important; + background: #DADCE0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; +} + .atbdp-cptm-footer { display: block; padding: 20px 10px; @@ -16139,6 +16162,7 @@ input[type=radio] { font-size: 15px; height: 50px; padding: 0 30px; + min-width: 300px; } .cptm-title-bar { @@ -19796,6 +19820,17 @@ input[type=radio] { display: block; } +.cptm-field-wraper-key-preview_image .cptm-btn { + margin: 0 10px; + height: 40px; + color: #23282d !important; + background: #DADCE0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; +} + .atbdp-cptm-footer { display: block; padding: 20px 10px; @@ -19823,6 +19858,7 @@ input[type=radio] { font-size: 15px; height: 50px; padding: 0 30px; + min-width: 300px; } .cptm-title-bar { diff --git a/assets/src/scss/layout/admin/builder/_builder_style.scss b/assets/src/scss/layout/admin/builder/_builder_style.scss index 5c8882f14b..40b89c8b42 100644 --- a/assets/src/scss/layout/admin/builder/_builder_style.scss +++ b/assets/src/scss/layout/admin/builder/_builder_style.scss @@ -78,6 +78,19 @@ $light-gray: #f4f5f7; display: block; } +.cptm-field-wraper-key-preview_image { + .cptm-btn { + margin: 0 10px; + height: 40px; + color: #23282d !important; + background: #DADCE0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; + } +} + .atbdp-cptm-footer { display: block; padding: 20px 10px; @@ -95,6 +108,7 @@ $light-gray: #f4f5f7; font-size: 15px; height: 50px; padding: 0 30px; + min-width: 300px; } } From 9375bfe2da80d51c730e0e71e2ab3e3a814af817 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Sun, 8 Oct 2023 19:44:50 +0600 Subject: [PATCH 006/127] Single Listing - Improved --- assets/css/all-listings.css | 77 ++++++++++++++----- assets/css/all-listings.rtl.css | 77 ++++++++++++++----- assets/css/public-main.css | 77 ++++++++++++++----- assets/css/public-main.rtl.css | 77 ++++++++++++++----- assets/src/js/public/search-form.js | 2 + .../listing-details/_details-content.scss | 36 ++++++++- templates/single/fields/report.php | 6 -- templates/single/top-actions.php | 6 +- 8 files changed, 273 insertions(+), 85 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 48606b3fec..a9dfc7ccdc 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -16186,43 +16186,79 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-signle-listing-top .directorist-return-back .directorist-single-listing-action__text { display: block; } +.directorist-signle-listing-top__btn-wrapper { + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; +} +.directorist-signle-listing-top__btn-continue.directorist-btn { + height: 46px; + border-radius: 10px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394DFF !important; + color: var(--directorist-color-white); +} +.directorist-signle-listing-top__btn-continue.directorist-btn:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-signle-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { + display: block; +} -.directorist-single-wrapper .directorist-card { +.directorist-single-contents-area .directorist-card { margin-bottom: 35px; -webkit-filter: none; filter: none; -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); } -.directorist-single-wrapper .directorist-card .directorist-card__body { +.directorist-single-contents-area .directorist-card .directorist-card__body { padding: 30px; } @media screen and (max-width: 575px) { - .directorist-single-wrapper .directorist-card .directorist-card__body { + .directorist-single-contents-area .directorist-card .directorist-card__body { padding: 20px; } } -.directorist-single-wrapper .directorist-card .directorist-card__header { +.directorist-single-contents-area .directorist-card .directorist-card__header { padding: 20px 25px; } @media screen and (max-width: 575px) { - .directorist-single-wrapper .directorist-card .directorist-card__header { + .directorist-single-contents-area .directorist-card .directorist-card__header { padding: 15px 20px; } } -.directorist-single-wrapper .directorist-card .directorist-single-author-name h4 { +.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 { margin: 0; } -.directorist-single-wrapper .directorist-card__header--title { +.directorist-single-contents-area .directorist-card__header--title { font-size: 18px; font-weight: 500; color: var(--directorist-color-primary); margin: 0 -6px; } -.directorist-single-wrapper .directorist-card__header--title #directorist-review-counter { +.directorist-single-contents-area .directorist-card__header--title #directorist-review-counter { margin-right: 10px; } -.directorist-single-wrapper .directorist-card__header-icon { +.directorist-single-contents-area .directorist-card__header-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -16240,25 +16276,25 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di border-radius: 50%; background-color: var(--directorist-color-bg-light); } -.directorist-single-wrapper .directorist-card__header-icon .directorist-icon-mask { +.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask { color: var(--directorist-color-dark); } -.directorist-single-wrapper .directorist-card__header-icon .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after { width: 14px; height: 14px; } -.directorist-single-wrapper .directorist-card__header-icon, -.directorist-single-wrapper .directorist-card__header-text { +.directorist-single-contents-area .directorist-card__header-icon, +.directorist-single-contents-area .directorist-card__header-text { margin: 0 6px; } -.directorist-single-wrapper .directorist-details-info-wrap a { +.directorist-single-contents-area .directorist-details-info-wrap a { font-size: 15px; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; color: var(--directorist-color-body); } -.directorist-single-wrapper .directorist-details-info-wrap ul { +.directorist-single-contents-area .directorist-details-info-wrap ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -16271,19 +16307,19 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di list-style-type: none; padding: 0; } -.directorist-single-wrapper .directorist-details-info-wrap li { +.directorist-single-contents-area .directorist-details-info-wrap li { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; } -.directorist-single-wrapper .directorist-details-info-wrap .directorist-social-links a:hover { +.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover { background-color: var(--directorist-color-primary); } -.directorist-single-wrapper .directorist-single-info__label-icon .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after { background-color: #808080; } -.directorist-single-wrapper .directorist-single-listing-slider .directorist-swiper__nav i:after { +.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after { background-color: var(--directorist-color-white); } @@ -16305,6 +16341,9 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info { margin: 0; } +.directorist-single-contents-area .directorist-card { + margin-bottom: 25px; +} .directorist-single-map__location { gap: 10px; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 1c1f5f0fec..3c06f42aca 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -16185,43 +16185,79 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-signle-listing-top .directorist-return-back .directorist-single-listing-action__text { display: block; } +.directorist-signle-listing-top__btn-wrapper { + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + right: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; +} +.directorist-signle-listing-top__btn-continue.directorist-btn { + height: 46px; + border-radius: 10px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394DFF !important; + color: var(--directorist-color-white); +} +.directorist-signle-listing-top__btn-continue.directorist-btn:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-signle-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { + display: block; +} -.directorist-single-wrapper .directorist-card { +.directorist-single-contents-area .directorist-card { margin-bottom: 35px; -webkit-filter: none; filter: none; -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); } -.directorist-single-wrapper .directorist-card .directorist-card__body { +.directorist-single-contents-area .directorist-card .directorist-card__body { padding: 30px; } @media screen and (max-width: 575px) { - .directorist-single-wrapper .directorist-card .directorist-card__body { + .directorist-single-contents-area .directorist-card .directorist-card__body { padding: 20px; } } -.directorist-single-wrapper .directorist-card .directorist-card__header { +.directorist-single-contents-area .directorist-card .directorist-card__header { padding: 20px 25px; } @media screen and (max-width: 575px) { - .directorist-single-wrapper .directorist-card .directorist-card__header { + .directorist-single-contents-area .directorist-card .directorist-card__header { padding: 15px 20px; } } -.directorist-single-wrapper .directorist-card .directorist-single-author-name h4 { +.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 { margin: 0; } -.directorist-single-wrapper .directorist-card__header--title { +.directorist-single-contents-area .directorist-card__header--title { font-size: 18px; font-weight: 500; color: var(--directorist-color-primary); margin: 0 -6px; } -.directorist-single-wrapper .directorist-card__header--title #directorist-review-counter { +.directorist-single-contents-area .directorist-card__header--title #directorist-review-counter { margin-left: 10px; } -.directorist-single-wrapper .directorist-card__header-icon { +.directorist-single-contents-area .directorist-card__header-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -16239,25 +16275,25 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di border-radius: 50%; background-color: var(--directorist-color-bg-light); } -.directorist-single-wrapper .directorist-card__header-icon .directorist-icon-mask { +.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask { color: var(--directorist-color-dark); } -.directorist-single-wrapper .directorist-card__header-icon .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after { width: 14px; height: 14px; } -.directorist-single-wrapper .directorist-card__header-icon, -.directorist-single-wrapper .directorist-card__header-text { +.directorist-single-contents-area .directorist-card__header-icon, +.directorist-single-contents-area .directorist-card__header-text { margin: 0 6px; } -.directorist-single-wrapper .directorist-details-info-wrap a { +.directorist-single-contents-area .directorist-details-info-wrap a { font-size: 15px; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; color: var(--directorist-color-body); } -.directorist-single-wrapper .directorist-details-info-wrap ul { +.directorist-single-contents-area .directorist-details-info-wrap ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -16270,19 +16306,19 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di list-style-type: none; padding: 0; } -.directorist-single-wrapper .directorist-details-info-wrap li { +.directorist-single-contents-area .directorist-details-info-wrap li { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; } -.directorist-single-wrapper .directorist-details-info-wrap .directorist-social-links a:hover { +.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover { background-color: var(--directorist-color-primary); } -.directorist-single-wrapper .directorist-single-info__label-icon .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after { background-color: #808080; } -.directorist-single-wrapper .directorist-single-listing-slider .directorist-swiper__nav i:after { +.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after { background-color: var(--directorist-color-white); } @@ -16304,6 +16340,9 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info { margin: 0; } +.directorist-single-contents-area .directorist-card { + margin-bottom: 25px; +} .directorist-single-map__location { gap: 10px; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 4b01af083b..17efa4d0d6 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -16186,43 +16186,79 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-signle-listing-top .directorist-return-back .directorist-single-listing-action__text { display: block; } +.directorist-signle-listing-top__btn-wrapper { + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; +} +.directorist-signle-listing-top__btn-continue.directorist-btn { + height: 46px; + border-radius: 10px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394DFF !important; + color: var(--directorist-color-white); +} +.directorist-signle-listing-top__btn-continue.directorist-btn:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-signle-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { + display: block; +} -.directorist-single-wrapper .directorist-card { +.directorist-single-contents-area .directorist-card { margin-bottom: 35px; -webkit-filter: none; filter: none; -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); } -.directorist-single-wrapper .directorist-card .directorist-card__body { +.directorist-single-contents-area .directorist-card .directorist-card__body { padding: 30px; } @media screen and (max-width: 575px) { - .directorist-single-wrapper .directorist-card .directorist-card__body { + .directorist-single-contents-area .directorist-card .directorist-card__body { padding: 20px; } } -.directorist-single-wrapper .directorist-card .directorist-card__header { +.directorist-single-contents-area .directorist-card .directorist-card__header { padding: 20px 25px; } @media screen and (max-width: 575px) { - .directorist-single-wrapper .directorist-card .directorist-card__header { + .directorist-single-contents-area .directorist-card .directorist-card__header { padding: 15px 20px; } } -.directorist-single-wrapper .directorist-card .directorist-single-author-name h4 { +.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 { margin: 0; } -.directorist-single-wrapper .directorist-card__header--title { +.directorist-single-contents-area .directorist-card__header--title { font-size: 18px; font-weight: 500; color: var(--directorist-color-primary); margin: 0 -6px; } -.directorist-single-wrapper .directorist-card__header--title #directorist-review-counter { +.directorist-single-contents-area .directorist-card__header--title #directorist-review-counter { margin-right: 10px; } -.directorist-single-wrapper .directorist-card__header-icon { +.directorist-single-contents-area .directorist-card__header-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -16240,25 +16276,25 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di border-radius: 50%; background-color: var(--directorist-color-bg-light); } -.directorist-single-wrapper .directorist-card__header-icon .directorist-icon-mask { +.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask { color: var(--directorist-color-dark); } -.directorist-single-wrapper .directorist-card__header-icon .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after { width: 14px; height: 14px; } -.directorist-single-wrapper .directorist-card__header-icon, -.directorist-single-wrapper .directorist-card__header-text { +.directorist-single-contents-area .directorist-card__header-icon, +.directorist-single-contents-area .directorist-card__header-text { margin: 0 6px; } -.directorist-single-wrapper .directorist-details-info-wrap a { +.directorist-single-contents-area .directorist-details-info-wrap a { font-size: 15px; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; color: var(--directorist-color-body); } -.directorist-single-wrapper .directorist-details-info-wrap ul { +.directorist-single-contents-area .directorist-details-info-wrap ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -16271,19 +16307,19 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di list-style-type: none; padding: 0; } -.directorist-single-wrapper .directorist-details-info-wrap li { +.directorist-single-contents-area .directorist-details-info-wrap li { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; } -.directorist-single-wrapper .directorist-details-info-wrap .directorist-social-links a:hover { +.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover { background-color: var(--directorist-color-primary); } -.directorist-single-wrapper .directorist-single-info__label-icon .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after { background-color: #808080; } -.directorist-single-wrapper .directorist-single-listing-slider .directorist-swiper__nav i:after { +.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after { background-color: var(--directorist-color-white); } @@ -16305,6 +16341,9 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info { margin: 0; } +.directorist-single-contents-area .directorist-card { + margin-bottom: 25px; +} .directorist-single-map__location { gap: 10px; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 1c1f5f0fec..3c06f42aca 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -16185,43 +16185,79 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-signle-listing-top .directorist-return-back .directorist-single-listing-action__text { display: block; } +.directorist-signle-listing-top__btn-wrapper { + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + right: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; +} +.directorist-signle-listing-top__btn-continue.directorist-btn { + height: 46px; + border-radius: 10px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394DFF !important; + color: var(--directorist-color-white); +} +.directorist-signle-listing-top__btn-continue.directorist-btn:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-signle-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { + display: block; +} -.directorist-single-wrapper .directorist-card { +.directorist-single-contents-area .directorist-card { margin-bottom: 35px; -webkit-filter: none; filter: none; -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); } -.directorist-single-wrapper .directorist-card .directorist-card__body { +.directorist-single-contents-area .directorist-card .directorist-card__body { padding: 30px; } @media screen and (max-width: 575px) { - .directorist-single-wrapper .directorist-card .directorist-card__body { + .directorist-single-contents-area .directorist-card .directorist-card__body { padding: 20px; } } -.directorist-single-wrapper .directorist-card .directorist-card__header { +.directorist-single-contents-area .directorist-card .directorist-card__header { padding: 20px 25px; } @media screen and (max-width: 575px) { - .directorist-single-wrapper .directorist-card .directorist-card__header { + .directorist-single-contents-area .directorist-card .directorist-card__header { padding: 15px 20px; } } -.directorist-single-wrapper .directorist-card .directorist-single-author-name h4 { +.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 { margin: 0; } -.directorist-single-wrapper .directorist-card__header--title { +.directorist-single-contents-area .directorist-card__header--title { font-size: 18px; font-weight: 500; color: var(--directorist-color-primary); margin: 0 -6px; } -.directorist-single-wrapper .directorist-card__header--title #directorist-review-counter { +.directorist-single-contents-area .directorist-card__header--title #directorist-review-counter { margin-left: 10px; } -.directorist-single-wrapper .directorist-card__header-icon { +.directorist-single-contents-area .directorist-card__header-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -16239,25 +16275,25 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di border-radius: 50%; background-color: var(--directorist-color-bg-light); } -.directorist-single-wrapper .directorist-card__header-icon .directorist-icon-mask { +.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask { color: var(--directorist-color-dark); } -.directorist-single-wrapper .directorist-card__header-icon .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after { width: 14px; height: 14px; } -.directorist-single-wrapper .directorist-card__header-icon, -.directorist-single-wrapper .directorist-card__header-text { +.directorist-single-contents-area .directorist-card__header-icon, +.directorist-single-contents-area .directorist-card__header-text { margin: 0 6px; } -.directorist-single-wrapper .directorist-details-info-wrap a { +.directorist-single-contents-area .directorist-details-info-wrap a { font-size: 15px; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; color: var(--directorist-color-body); } -.directorist-single-wrapper .directorist-details-info-wrap ul { +.directorist-single-contents-area .directorist-details-info-wrap ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -16270,19 +16306,19 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di list-style-type: none; padding: 0; } -.directorist-single-wrapper .directorist-details-info-wrap li { +.directorist-single-contents-area .directorist-details-info-wrap li { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; } -.directorist-single-wrapper .directorist-details-info-wrap .directorist-social-links a:hover { +.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover { background-color: var(--directorist-color-primary); } -.directorist-single-wrapper .directorist-single-info__label-icon .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after { background-color: #808080; } -.directorist-single-wrapper .directorist-single-listing-slider .directorist-swiper__nav i:after { +.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after { background-color: var(--directorist-color-white); } @@ -16304,6 +16340,9 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info { margin: 0; } +.directorist-single-contents-area .directorist-card { + margin-bottom: 25px; +} .directorist-single-map__location { gap: 10px; diff --git a/assets/src/js/public/search-form.js b/assets/src/js/public/search-form.js index 1907d221cf..5311cf5d5f 100644 --- a/assets/src/js/public/search-form.js +++ b/assets/src/js/public/search-form.js @@ -8,6 +8,7 @@ import { directorist_range_slider } from './range-slider'; (function ($) { window.addEventListener('DOMContentLoaded', () => { + console.log('search-form.js'); /* ---------------- Search Listings ------------------ */ @@ -715,6 +716,7 @@ import { directorist_range_slider } from './range-slider'; // Back Button to go back to the previous page $('body').on('click', '.directorist-btn__back', function(e) { + console.log('clicked'); e.preventDefault(); window.history.back(); diff --git a/assets/src/scss/component/listing-details/_details-content.scss b/assets/src/scss/component/listing-details/_details-content.scss index 0ce8d129c1..7156127f44 100644 --- a/assets/src/scss/component/listing-details/_details-content.scss +++ b/assets/src/scss/component/listing-details/_details-content.scss @@ -13,10 +13,41 @@ display: block; } } + + @include e('btn-wrapper') { + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + left: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: rgba(0,0,0,.8); + z-index: 999; + } + + @include e('btn-continue') { + &.directorist-btn { + height: 46px; + border-radius: 10px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394DFF !important; + color: var(--directorist-color-white); + &:hover { + background-color: var(--directorist-color-primary) !important; + } + .directorist-single-listing-action__text { + display: block; + } + } + } } // Directorist Single Listing Style -.directorist-single-wrapper { +.directorist-single-contents-area { .directorist-card { margin-bottom: 35px; filter: none; @@ -113,6 +144,9 @@ margin: 0; } } + .directorist-card { + margin-bottom: 25px; + } } diff --git a/templates/single/fields/report.php b/templates/single/fields/report.php index 06f39a20d0..44d046ac4d 100644 --- a/templates/single/fields/report.php +++ b/templates/single/fields/report.php @@ -20,12 +20,6 @@ - - - - - - diff --git a/templates/single/top-actions.php b/templates/single/top-actions.php index 8f23571cf8..0dcfe8268b 100644 --- a/templates/single/top-actions.php +++ b/templates/single/top-actions.php @@ -15,14 +15,16 @@
display_back_link() ): ?> - +
submit_link() ): ?> - +
+ +
From 7da04fb8c369f1686a11d72c074e7eee86ad83c5 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Mon, 9 Oct 2023 08:46:57 +0600 Subject: [PATCH 007/127] Search Form Price Range Style - Improved --- assets/css/all-listings.css | 26 ++++++++++++++----- assets/css/all-listings.rtl.css | 26 ++++++++++++++----- assets/css/public-main.css | 26 ++++++++++++++----- assets/css/public-main.rtl.css | 26 ++++++++++++++----- assets/js/search-form.js | 3 +++ .../src/scss/component/_advanced-search.scss | 20 +++++++++----- 6 files changed, 92 insertions(+), 35 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index a9dfc7ccdc..80cab7bfa6 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -11236,14 +11236,18 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } .directorist-price-ranges__item .directorist-form-element { background: transparent; - padding-bottom: 1px; border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 1px; + -webkit-padding-start: 42px; + padding-inline-start: 42px; + -webkit-padding-end: 15px; + padding-inline-end: 15px; } @media screen and (max-width: 575px) { .directorist-price-ranges__item .directorist-form-element { - height: 34px; - text-align: center; border-radius: 8px; + -webkit-padding-start: 53px; + padding-inline-start: 53px; border: 1px solid var(--directorist-color-border); } .directorist-price-ranges__item .directorist-form-element:focus { @@ -11260,6 +11264,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-light-gray) !important; z-index: 1; } +@media screen and (max-width: 575px) { + .directorist-price-ranges__label { + top: 13px; + left: 15px; + } +} .directorist-price-ranges__currency { position: absolute; top: 12px; @@ -11270,6 +11280,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-primary); z-index: 1; } +@media screen and (max-width: 575px) { + .directorist-price-ranges__currency { + top: 13px; + left: 45px; + } +} .directorist-price-ranges__price-frequency { display: -webkit-box; display: -webkit-flex; @@ -11340,10 +11356,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); } } -.directorist-price-ranges .directorist-form-element { - -webkit-padding-start: 42px; - padding-inline-start: 42px; -} .directorist-search-field { font-size: 15px; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 3c06f42aca..842f596db4 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -11236,14 +11236,18 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } .directorist-price-ranges__item .directorist-form-element { background: transparent; - padding-bottom: 1px; border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 1px; + -webkit-padding-start: 42px; + padding-inline-start: 42px; + -webkit-padding-end: 15px; + padding-inline-end: 15px; } @media screen and (max-width: 575px) { .directorist-price-ranges__item .directorist-form-element { - height: 34px; - text-align: center; border-radius: 8px; + -webkit-padding-start: 53px; + padding-inline-start: 53px; border: 1px solid var(--directorist-color-border); } .directorist-price-ranges__item .directorist-form-element:focus { @@ -11260,6 +11264,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-light-gray) !important; z-index: 1; } +@media screen and (max-width: 575px) { + .directorist-price-ranges__label { + top: 13px; + right: 15px; + } +} .directorist-price-ranges__currency { position: absolute; top: 12px; @@ -11270,6 +11280,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-primary); z-index: 1; } +@media screen and (max-width: 575px) { + .directorist-price-ranges__currency { + top: 13px; + right: 45px; + } +} .directorist-price-ranges__price-frequency { display: -webkit-box; display: -webkit-flex; @@ -11340,10 +11356,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); } } -.directorist-price-ranges .directorist-form-element { - -webkit-padding-start: 42px; - padding-inline-start: 42px; -} .directorist-search-field { font-size: 15px; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 17efa4d0d6..1ac2560019 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -11236,14 +11236,18 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } .directorist-price-ranges__item .directorist-form-element { background: transparent; - padding-bottom: 1px; border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 1px; + -webkit-padding-start: 42px; + padding-inline-start: 42px; + -webkit-padding-end: 15px; + padding-inline-end: 15px; } @media screen and (max-width: 575px) { .directorist-price-ranges__item .directorist-form-element { - height: 34px; - text-align: center; border-radius: 8px; + -webkit-padding-start: 53px; + padding-inline-start: 53px; border: 1px solid var(--directorist-color-border); } .directorist-price-ranges__item .directorist-form-element:focus { @@ -11260,6 +11264,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-light-gray) !important; z-index: 1; } +@media screen and (max-width: 575px) { + .directorist-price-ranges__label { + top: 13px; + left: 15px; + } +} .directorist-price-ranges__currency { position: absolute; top: 12px; @@ -11270,6 +11280,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-primary); z-index: 1; } +@media screen and (max-width: 575px) { + .directorist-price-ranges__currency { + top: 13px; + left: 45px; + } +} .directorist-price-ranges__price-frequency { display: -webkit-box; display: -webkit-flex; @@ -11340,10 +11356,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); } } -.directorist-price-ranges .directorist-form-element { - -webkit-padding-start: 42px; - padding-inline-start: 42px; -} .directorist-search-field { font-size: 15px; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 3c06f42aca..842f596db4 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -11236,14 +11236,18 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } .directorist-price-ranges__item .directorist-form-element { background: transparent; - padding-bottom: 1px; border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 1px; + -webkit-padding-start: 42px; + padding-inline-start: 42px; + -webkit-padding-end: 15px; + padding-inline-end: 15px; } @media screen and (max-width: 575px) { .directorist-price-ranges__item .directorist-form-element { - height: 34px; - text-align: center; border-radius: 8px; + -webkit-padding-start: 53px; + padding-inline-start: 53px; border: 1px solid var(--directorist-color-border); } .directorist-price-ranges__item .directorist-form-element:focus { @@ -11260,6 +11264,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-light-gray) !important; z-index: 1; } +@media screen and (max-width: 575px) { + .directorist-price-ranges__label { + top: 13px; + right: 15px; + } +} .directorist-price-ranges__currency { position: absolute; top: 12px; @@ -11270,6 +11280,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-primary); z-index: 1; } +@media screen and (max-width: 575px) { + .directorist-price-ranges__currency { + top: 13px; + right: 45px; + } +} .directorist-price-ranges__price-frequency { display: -webkit-box; display: -webkit-flex; @@ -11340,10 +11356,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); } } -.directorist-price-ranges .directorist-form-element { - -webkit-padding-start: 42px; - padding-inline-start: 42px; -} .directorist-search-field { font-size: 15px; diff --git a/assets/js/search-form.js b/assets/js/search-form.js index e4b31a6f95..27d404df4d 100644 --- a/assets/js/search-form.js +++ b/assets/js/search-form.js @@ -1030,10 +1030,12 @@ __webpack_require__.r(__webpack_exports__); (function ($) { window.addEventListener('DOMContentLoaded', function () { + console.log('search-form.js'); /* ---------------- Search Listings ------------------ */ //ad search js + function defaultTags() { $('.directorist-btn-ml').each(function (index, element) { var item = $(element).siblings('.atbdp_cf_checkbox, .directorist-search-field-tag, .directorist-search-tags'); @@ -1655,6 +1657,7 @@ __webpack_require__.r(__webpack_exports__); }); // Back Button to go back to the previous page $('body').on('click', '.directorist-btn__back', function (e) { + console.log('clicked'); e.preventDefault(); window.history.back(); }); diff --git a/assets/src/scss/component/_advanced-search.scss b/assets/src/scss/component/_advanced-search.scss index a4e416ce74..bc92fba637 100644 --- a/assets/src/scss/component/_advanced-search.scss +++ b/assets/src/scss/component/_advanced-search.scss @@ -299,12 +299,14 @@ } .directorist-form-element { background: transparent; - padding-bottom: 1px; border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 1px; + padding-inline-start: 42px; + padding-inline-end: 15px; + @media screen and (max-width: 575px) { - height: 34px; - text-align: center; border-radius: 8px; + padding-inline-start: 53px; border: 1px solid var(--directorist-color-border); &:focus { padding-bottom: 0; @@ -321,6 +323,10 @@ font-weight: 400 !important; color: var(--directorist-color-light-gray) !important; z-index: 1; + @media screen and (max-width: 575px) { + top: 13px; + left: 15px; + } } @include e(currency) { position: absolute; @@ -331,6 +337,10 @@ font-weight: 500; color: var(--directorist-color-primary); z-index: 1; + @media screen and (max-width: 575px) { + top: 13px; + left: 45px; + } } @include e('price-frequency'){ @@ -384,10 +394,6 @@ background-color: var(--directorist-color-white); } } - - .directorist-form-element { - padding-inline-start: 42px; - } } // wp-color Picker From dd791afec4090e4658a430ca91741acab51313a7 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Mon, 9 Oct 2023 09:12:59 +0600 Subject: [PATCH 008/127] Search Form Style - Improved --- assets/css/all-listings.css | 32 +++++++++++-------- assets/css/all-listings.rtl.css | 32 +++++++++++-------- assets/css/public-main.css | 32 +++++++++++-------- assets/css/public-main.rtl.css | 32 +++++++++++-------- .../src/scss/component/_advanced-search.scss | 6 +--- assets/src/scss/component/_archive.scss | 7 ++-- assets/src/scss/component/_search-home.scss | 12 +++++++ 7 files changed, 94 insertions(+), 59 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 80cab7bfa6..b55b3b9162 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -10523,7 +10523,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } @media screen and (max-width: 1199px) { .listing-with-sidebar__sidebar { - max-width: 275px; + max-width: 300px; } } @media only screen and (max-width: 991px) { @@ -10655,7 +10655,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di width: 100%; } .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { - width: 68px; + width: 54px; +} +.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { + border: 0 none; } .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, @@ -11219,14 +11222,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di position: relative; } @media (max-width: 575px) { - .directorist-price-ranges__item { - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - } -} -@media (max-width: 480px) { .directorist-price-ranges__item { -webkit-box-flex: 0; -webkit-flex: 0 0 42%; @@ -11238,8 +11233,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background: transparent; border-bottom: 1px solid var(--directorist-color-border); padding-bottom: 1px; - -webkit-padding-start: 42px; - padding-inline-start: 42px; + -webkit-padding-start: 41px; + padding-inline-start: 41px; -webkit-padding-end: 15px; padding-inline-end: 15px; } @@ -11352,7 +11347,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di @media screen and (max-width: 575px) { .directorist-price-ranges .directorist-pf-range { width: 100%; - border-radius: 0; background-color: var(--directorist-color-white); } } @@ -11889,6 +11883,18 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di opacity: 0; font-size: 0; } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label { + top: 12px; + left: 0; + } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency { + top: 12px; + left: 32px; + } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element { + -webkit-padding-start: 41px; + padding-inline-start: 41px; + } } .directorist-search-form__top .select2-container { width: 100%; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 842f596db4..9f47d6dbea 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -10523,7 +10523,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } @media screen and (max-width: 1199px) { .listing-with-sidebar__sidebar { - max-width: 275px; + max-width: 300px; } } @media only screen and (max-width: 991px) { @@ -10655,7 +10655,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di width: 100%; } .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { - width: 68px; + width: 54px; +} +.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { + border: 0 none; } .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, @@ -11219,14 +11222,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di position: relative; } @media (max-width: 575px) { - .directorist-price-ranges__item { - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - } -} -@media (max-width: 480px) { .directorist-price-ranges__item { -webkit-box-flex: 0; -webkit-flex: 0 0 42%; @@ -11238,8 +11233,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background: transparent; border-bottom: 1px solid var(--directorist-color-border); padding-bottom: 1px; - -webkit-padding-start: 42px; - padding-inline-start: 42px; + -webkit-padding-start: 41px; + padding-inline-start: 41px; -webkit-padding-end: 15px; padding-inline-end: 15px; } @@ -11352,7 +11347,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di @media screen and (max-width: 575px) { .directorist-price-ranges .directorist-pf-range { width: 100%; - border-radius: 0; background-color: var(--directorist-color-white); } } @@ -11889,6 +11883,18 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di opacity: 0; font-size: 0; } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label { + top: 12px; + right: 0; + } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency { + top: 12px; + right: 32px; + } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element { + -webkit-padding-start: 41px; + padding-inline-start: 41px; + } } .directorist-search-form__top .select2-container { width: 100%; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 1ac2560019..568e3bb98d 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -10523,7 +10523,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } @media screen and (max-width: 1199px) { .listing-with-sidebar__sidebar { - max-width: 275px; + max-width: 300px; } } @media only screen and (max-width: 991px) { @@ -10655,7 +10655,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di width: 100%; } .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { - width: 68px; + width: 54px; +} +.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { + border: 0 none; } .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, @@ -11219,14 +11222,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di position: relative; } @media (max-width: 575px) { - .directorist-price-ranges__item { - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - } -} -@media (max-width: 480px) { .directorist-price-ranges__item { -webkit-box-flex: 0; -webkit-flex: 0 0 42%; @@ -11238,8 +11233,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background: transparent; border-bottom: 1px solid var(--directorist-color-border); padding-bottom: 1px; - -webkit-padding-start: 42px; - padding-inline-start: 42px; + -webkit-padding-start: 41px; + padding-inline-start: 41px; -webkit-padding-end: 15px; padding-inline-end: 15px; } @@ -11352,7 +11347,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di @media screen and (max-width: 575px) { .directorist-price-ranges .directorist-pf-range { width: 100%; - border-radius: 0; background-color: var(--directorist-color-white); } } @@ -11889,6 +11883,18 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di opacity: 0; font-size: 0; } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label { + top: 12px; + left: 0; + } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency { + top: 12px; + left: 32px; + } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element { + -webkit-padding-start: 41px; + padding-inline-start: 41px; + } } .directorist-search-form__top .select2-container { width: 100%; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 842f596db4..9f47d6dbea 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -10523,7 +10523,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } @media screen and (max-width: 1199px) { .listing-with-sidebar__sidebar { - max-width: 275px; + max-width: 300px; } } @media only screen and (max-width: 991px) { @@ -10655,7 +10655,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di width: 100%; } .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { - width: 68px; + width: 54px; +} +.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { + border: 0 none; } .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, @@ -11219,14 +11222,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di position: relative; } @media (max-width: 575px) { - .directorist-price-ranges__item { - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - } -} -@media (max-width: 480px) { .directorist-price-ranges__item { -webkit-box-flex: 0; -webkit-flex: 0 0 42%; @@ -11238,8 +11233,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background: transparent; border-bottom: 1px solid var(--directorist-color-border); padding-bottom: 1px; - -webkit-padding-start: 42px; - padding-inline-start: 42px; + -webkit-padding-start: 41px; + padding-inline-start: 41px; -webkit-padding-end: 15px; padding-inline-end: 15px; } @@ -11352,7 +11347,6 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di @media screen and (max-width: 575px) { .directorist-price-ranges .directorist-pf-range { width: 100%; - border-radius: 0; background-color: var(--directorist-color-white); } } @@ -11889,6 +11883,18 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di opacity: 0; font-size: 0; } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label { + top: 12px; + right: 0; + } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency { + top: 12px; + right: 32px; + } + .directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element { + -webkit-padding-start: 41px; + padding-inline-start: 41px; + } } .directorist-search-form__top .select2-container { width: 100%; diff --git a/assets/src/scss/component/_advanced-search.scss b/assets/src/scss/component/_advanced-search.scss index bc92fba637..acff354fa2 100644 --- a/assets/src/scss/component/_advanced-search.scss +++ b/assets/src/scss/component/_advanced-search.scss @@ -292,16 +292,13 @@ flex: 0 0 45%; position: relative; @media (max-width: 575px) { - flex: auto; - } - @media (max-width: 480px) { flex: 0 0 42%; } .directorist-form-element { background: transparent; border-bottom: 1px solid var(--directorist-color-border); padding-bottom: 1px; - padding-inline-start: 42px; + padding-inline-start: 41px; padding-inline-end: 15px; @media screen and (max-width: 575px) { @@ -390,7 +387,6 @@ height: 36px; @media screen and (max-width: 575px) { width: 100%; - border-radius: 0; background-color: var(--directorist-color-white); } } diff --git a/assets/src/scss/component/_archive.scss b/assets/src/scss/component/_archive.scss index fa8b4d6167..e669a4c620 100644 --- a/assets/src/scss/component/_archive.scss +++ b/assets/src/scss/component/_archive.scss @@ -339,7 +339,7 @@ } @media screen and (max-width: 1199px) { - max-width: 275px; + max-width: 300px; } @media only screen and (max-width: 991px) { @@ -454,7 +454,10 @@ width: 100%; } .directorist-price-ranges__price-frequency--btn .directorist-pf-range { - width: 68px; + width: 54px; + } + .directorist-price-ranges__price-frequency--btn:last-child { + border: 0 none; } .directorist-checkbox-wrapper, .directorist-radio-wrapper, diff --git a/assets/src/scss/component/_search-home.scss b/assets/src/scss/component/_search-home.scss index fdf48774ff..ef831c7702 100644 --- a/assets/src/scss/component/_search-home.scss +++ b/assets/src/scss/component/_search-home.scss @@ -347,6 +347,18 @@ } } } + + .directorist-price-ranges__label { + top: 12px; + left: 0; + } + .directorist-price-ranges__currency { + top: 12px; + left: 32px; + } + .directorist-price-ranges__item .directorist-form-element { + padding-inline-start: 41px; + } } } From bb84fd7cda8940adfc3bfc496dfa46e316f38f2c Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Mon, 9 Oct 2023 10:24:00 +0600 Subject: [PATCH 009/127] Reset Filter Button - Improved --- assets/js/search-form.js | 7 +++---- assets/src/js/public/search-form.js | 7 ++++--- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/assets/js/search-form.js b/assets/js/search-form.js index 27d404df4d..fd654e93df 100644 --- a/assets/js/search-form.js +++ b/assets/js/search-form.js @@ -1030,12 +1030,10 @@ __webpack_require__.r(__webpack_exports__); (function ($) { window.addEventListener('DOMContentLoaded', function () { - console.log('search-form.js'); /* ---------------- Search Listings ------------------ */ //ad search js - function defaultTags() { $('.directorist-btn-ml').each(function (index, element) { var item = $(element).siblings('.atbdp_cf_checkbox, .directorist-search-field-tag, .directorist-search-tags'); @@ -1121,9 +1119,10 @@ __webpack_require__.r(__webpack_exports__); el.selectedIndex = 0; $('.directorist-select2-dropdown-close').click(); $(el).val(null).trigger('change'); + var parentElem = el.closest('.directorist-search-field'); - if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { - el.parentElement.classList.remove('input-has-value', 'input-is-focused'); + if (parentElem.classList.contains('input-has-value') || parentElem.classList.contains('input-is-focused')) { + parentElem.classList.remove('input-has-value', 'input-is-focused'); } }); var irisPicker = searchForm.querySelector("input.wp-picker-clear"); diff --git a/assets/src/js/public/search-form.js b/assets/src/js/public/search-form.js index 5311cf5d5f..48870620f3 100644 --- a/assets/src/js/public/search-form.js +++ b/assets/src/js/public/search-form.js @@ -8,7 +8,6 @@ import { directorist_range_slider } from './range-slider'; (function ($) { window.addEventListener('DOMContentLoaded', () => { - console.log('search-form.js'); /* ---------------- Search Listings ------------------ */ @@ -101,8 +100,10 @@ import { directorist_range_slider } from './range-slider'; $('.directorist-select2-dropdown-close').click(); $(el).val(null).trigger('change'); - if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { - el.parentElement.classList.remove('input-has-value', 'input-is-focused'); + let parentElem = el.closest('.directorist-search-field'); + + if (parentElem.classList.contains('input-has-value') || parentElem.classList.contains('input-is-focused')) { + parentElem.classList.remove('input-has-value', 'input-is-focused'); } }); From 7564b64d1b3839b6675a4079192668b5b0cd52a9 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Mon, 9 Oct 2023 10:35:06 +0600 Subject: [PATCH 010/127] Search Form - Improved --- assets/css/admin-main.css | 12 +++++++++++- assets/css/admin-main.rtl.css | 12 +++++++++++- assets/css/all-listings.css | 14 ++++++++++++-- assets/css/all-listings.rtl.css | 14 ++++++++++++-- assets/css/public-main.css | 14 ++++++++++++-- assets/css/public-main.rtl.css | 14 ++++++++++++-- assets/src/scss/component/_advanced-search.scss | 2 +- assets/src/scss/component/_checkbox-radio.scss | 6 +++++- 8 files changed, 76 insertions(+), 12 deletions(-) diff --git a/assets/css/admin-main.css b/assets/css/admin-main.css index 6931af60b9..dbfa202ba3 100644 --- a/assets/css/admin-main.css +++ b/assets/css/admin-main.css @@ -12032,6 +12032,16 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di width: 16px; height: 16px; } + .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { + width: 12px; + height: 12px; + } } .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, @@ -12202,7 +12212,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-checkbox-rating .directorist-icon-mask:after { width: 14px; height: 14px; - margin-top: 2px; + margin-top: 1px; } .directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { diff --git a/assets/css/admin-main.rtl.css b/assets/css/admin-main.rtl.css index b71e6fb070..9347a8960e 100644 --- a/assets/css/admin-main.rtl.css +++ b/assets/css/admin-main.rtl.css @@ -12032,6 +12032,16 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di width: 16px; height: 16px; } + .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { + width: 12px; + height: 12px; + } } .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, @@ -12202,7 +12212,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-checkbox-rating .directorist-icon-mask:after { width: 14px; height: 14px; - margin-top: 2px; + margin-top: 1px; } .directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index b55b3b9162..b224a8decc 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -9099,6 +9099,16 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di width: 16px; height: 16px; } + .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { + width: 12px; + height: 12px; + } } .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, @@ -9269,7 +9279,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-checkbox-rating .directorist-icon-mask:after { width: 14px; height: 14px; - margin-top: 2px; + margin-top: 1px; } .directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { @@ -11151,7 +11161,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } @media only screen and (max-width: 575px) { .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - padding-left: 30px; + padding-left: 28px; } } .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 9f47d6dbea..3f72fe17e6 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -9099,6 +9099,16 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di width: 16px; height: 16px; } + .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { + width: 12px; + height: 12px; + } } .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, @@ -9269,7 +9279,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-checkbox-rating .directorist-icon-mask:after { width: 14px; height: 14px; - margin-top: 2px; + margin-top: 1px; } .directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { @@ -11151,7 +11161,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } @media only screen and (max-width: 575px) { .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - padding-right: 30px; + padding-right: 28px; } } .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 568e3bb98d..da7dd32d4f 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -9099,6 +9099,16 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di width: 16px; height: 16px; } + .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { + width: 12px; + height: 12px; + } } .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, @@ -9269,7 +9279,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-checkbox-rating .directorist-icon-mask:after { width: 14px; height: 14px; - margin-top: 2px; + margin-top: 1px; } .directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { @@ -11151,7 +11161,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } @media only screen and (max-width: 575px) { .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - padding-left: 30px; + padding-left: 28px; } } .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 9f47d6dbea..3f72fe17e6 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -9099,6 +9099,16 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di width: 16px; height: 16px; } + .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, +.directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { + width: 12px; + height: 12px; + } } .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, @@ -9269,7 +9279,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-checkbox-rating .directorist-icon-mask:after { width: 14px; height: 14px; - margin-top: 2px; + margin-top: 1px; } .directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { @@ -11151,7 +11161,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } @media only screen and (max-width: 575px) { .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - padding-right: 30px; + padding-right: 28px; } } .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { diff --git a/assets/src/scss/component/_advanced-search.scss b/assets/src/scss/component/_advanced-search.scss index acff354fa2..7f09054203 100644 --- a/assets/src/scss/component/_advanced-search.scss +++ b/assets/src/scss/component/_advanced-search.scss @@ -212,7 +212,7 @@ } } @media only screen and (max-width: 575px) { - padding-left: 30px; + padding-left: 28px; } .directorist-icon-mask{ &:after { diff --git a/assets/src/scss/component/_checkbox-radio.scss b/assets/src/scss/component/_checkbox-radio.scss index c93e78878b..448aa7afc3 100644 --- a/assets/src/scss/component/_checkbox-radio.scss +++ b/assets/src/scss/component/_checkbox-radio.scss @@ -44,6 +44,10 @@ width: 16px; height: 16px; } + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } } } @@ -274,7 +278,7 @@ .directorist-icon-mask:after { width: 14px; height: 14px; - margin-top: 2px; + margin-top: 1px; } } From 381d684e2a00a0bef01c1298740718060af07464 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Mon, 9 Oct 2023 11:01:23 +0600 Subject: [PATCH 011/127] Single Listing - Improved --- assets/js/all-listings.js | 7 +- assets/js/author-profile.js | 7 +- assets/js/single-listing.js | 66 ++++++++++++++----- assets/src/js/public/components/general.js | 5 ++ .../src/js/public/modules/single-listing.js | 1 + templates/single/top-actions.php | 2 +- 6 files changed, 70 insertions(+), 18 deletions(-) diff --git a/assets/js/all-listings.js b/assets/js/all-listings.js index 5656df7e2f..7c277139bb 100644 --- a/assets/js/all-listings.js +++ b/assets/js/all-listings.js @@ -1143,7 +1143,12 @@ window.addEventListener('DOMContentLoaded', function () { if ($('.directorist-archive-grid-view').innerWidth() <= 500) { $('.directorist-archive-grid-view').addClass('directorist-archive-grid--fix'); - } + } // Back Button to go back to the previous page + + + $('body').on('click', '.directorist-btn__back', function (e) { + window.history.back(); + }); }); })(jQuery); diff --git a/assets/js/author-profile.js b/assets/js/author-profile.js index 22259c6f11..9604665b2f 100644 --- a/assets/js/author-profile.js +++ b/assets/js/author-profile.js @@ -398,7 +398,12 @@ if ($('.directorist-archive-grid-view').innerWidth() <= 500) { $('.directorist-archive-grid-view').addClass('directorist-archive-grid--fix'); - } + } // Back Button to go back to the previous page + + + $('body').on('click', '.directorist-btn__back', function (e) { + window.history.back(); + }); }); })(jQuery); diff --git a/assets/js/single-listing.js b/assets/js/single-listing.js index 4a40910ae0..8a33b065cd 100644 --- a/assets/js/single-listing.js +++ b/assets/js/single-listing.js @@ -520,6 +520,39 @@ window.addEventListener('DOMContentLoaded', function () { /***/ }), +/***/ "./assets/src/js/public/components/general.js": +/*!****************************************************!*\ + !*** ./assets/src/js/public/components/general.js ***! + \****************************************************/ +/*! no static exports found */ +/***/ (function(module, exports) { + +// Fix listing with no thumb if card width is less than 220px +(function ($) { + window.addEventListener('DOMContentLoaded', function () { + if ($('.directorist-listing-no-thumb').innerWidth() <= 220) { + $('.directorist-listing-no-thumb').addClass('directorist-listing-no-thumb--fix'); + } // Auhtor Profile Listing responsive fix + + + if ($('.directorist-author-listing-content').innerWidth() <= 750) { + $('.directorist-author-listing-content').addClass('directorist-author-listing-grid--fix'); + } // Directorist Archive responsive fix + + + if ($('.directorist-archive-grid-view').innerWidth() <= 500) { + $('.directorist-archive-grid-view').addClass('directorist-archive-grid--fix'); + } // Back Button to go back to the previous page + + + $('body').on('click', '.directorist-btn__back', function (e) { + window.history.back(); + }); + }); +})(jQuery); + +/***/ }), + /***/ "./assets/src/js/public/components/login.js": /*!**************************************************!*\ !*** ./assets/src/js/public/components/login.js ***! @@ -1149,21 +1182,23 @@ window.addEventListener('DOMContentLoaded', function () { "use strict"; __webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_review__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/review */ "./assets/src/js/public/components/review.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/formValidation */ "./assets/src/js/public/components/formValidation.js"); -/* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_formValidation__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/directoristFavorite */ "./assets/src/js/public/components/directoristFavorite.js"); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_directoristFavorite__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSelect__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../components/login */ "./assets/src/js/public/components/login.js"); -/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_login__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../global/components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_global_components_modal__WEBPACK_IMPORTED_MODULE_7__); +/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/general */ "./assets/src/js/public/components/general.js"); +/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_general__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _components_review__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/review */ "./assets/src/js/public/components/review.js"); +/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); +/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/formValidation */ "./assets/src/js/public/components/formValidation.js"); +/* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_formValidation__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/directoristFavorite */ "./assets/src/js/public/components/directoristFavorite.js"); +/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); +/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); +/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__); +/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components/login */ "./assets/src/js/public/components/login.js"); +/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_components_login__WEBPACK_IMPORTED_MODULE_7__); +/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../global/components/modal */ "./assets/src/js/global/components/modal.js"); +/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_global_components_modal__WEBPACK_IMPORTED_MODULE_8__); // General Components @@ -1174,6 +1209,7 @@ __webpack_require__.r(__webpack_exports__); + /***/ }), /***/ "./node_modules/@babel/runtime/helpers/classCallCheck.js": diff --git a/assets/src/js/public/components/general.js b/assets/src/js/public/components/general.js index 01cd4f88ee..492bd51f76 100644 --- a/assets/src/js/public/components/general.js +++ b/assets/src/js/public/components/general.js @@ -12,5 +12,10 @@ if ($('.directorist-archive-grid-view').innerWidth() <= 500) { $('.directorist-archive-grid-view').addClass('directorist-archive-grid--fix'); } + + // Back Button to go back to the previous page + $('body').on('click', '.directorist-btn__back', function(e) { + window.history.back(); + }); }); })(jQuery) \ No newline at end of file diff --git a/assets/src/js/public/modules/single-listing.js b/assets/src/js/public/modules/single-listing.js index 46a78ac95e..ad0c60b515 100644 --- a/assets/src/js/public/modules/single-listing.js +++ b/assets/src/js/public/modules/single-listing.js @@ -1,4 +1,5 @@ // General Components +import '../components/general'; import '../components/review'; import '../components/directoristAlert'; import '../components/formValidation'; diff --git a/templates/single/top-actions.php b/templates/single/top-actions.php index 0dcfe8268b..169a988a64 100644 --- a/templates/single/top-actions.php +++ b/templates/single/top-actions.php @@ -15,7 +15,7 @@
display_back_link() ): ?> - + From 2e790cff837a9a9a6bb94482621881938bf51d80 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Mon, 9 Oct 2023 11:06:49 +0600 Subject: [PATCH 012/127] Single Listing - Improved --- assets/css/all-listings.css | 2 +- assets/css/all-listings.rtl.css | 2 +- assets/css/public-main.css | 2 +- assets/css/public-main.rtl.css | 2 +- assets/src/scss/component/listing-details/_details-content.scss | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index b224a8decc..6065067876 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -16245,7 +16245,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-white); } .directorist-signle-listing-top__btn-continue.directorist-btn:hover { - background-color: var(--directorist-color-primary) !important; + background-color: #2a3cd9 !important; } .directorist-signle-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { display: block; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 3f72fe17e6..40bd144cbc 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -16244,7 +16244,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-white); } .directorist-signle-listing-top__btn-continue.directorist-btn:hover { - background-color: var(--directorist-color-primary) !important; + background-color: #2a3cd9 !important; } .directorist-signle-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { display: block; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index da7dd32d4f..3370602ba2 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -16245,7 +16245,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-white); } .directorist-signle-listing-top__btn-continue.directorist-btn:hover { - background-color: var(--directorist-color-primary) !important; + background-color: #2a3cd9 !important; } .directorist-signle-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { display: block; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 3f72fe17e6..40bd144cbc 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -16244,7 +16244,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-white); } .directorist-signle-listing-top__btn-continue.directorist-btn:hover { - background-color: var(--directorist-color-primary) !important; + background-color: #2a3cd9 !important; } .directorist-signle-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { display: block; diff --git a/assets/src/scss/component/listing-details/_details-content.scss b/assets/src/scss/component/listing-details/_details-content.scss index 7156127f44..cc765e7b43 100644 --- a/assets/src/scss/component/listing-details/_details-content.scss +++ b/assets/src/scss/component/listing-details/_details-content.scss @@ -37,7 +37,7 @@ background-color: #394DFF !important; color: var(--directorist-color-white); &:hover { - background-color: var(--directorist-color-primary) !important; + background-color: #2a3cd9 !important; } .directorist-single-listing-action__text { display: block; From 833554231498384a694eaf07daad86b2a0196180 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Mon, 9 Oct 2023 11:47:04 +0600 Subject: [PATCH 013/127] Single Listing Slider Thumbnail Issue - Fixed --- assets/js/listing-slider.js | 34 +++++++++++++++-------- assets/src/js/public/listing-slider.js | 38 +++++++++++++++++--------- 2 files changed, 47 insertions(+), 25 deletions(-) diff --git a/assets/js/listing-slider.js b/assets/js/listing-slider.js index 55a2bfcecc..3779a05317 100644 --- a/assets/js/listing-slider.js +++ b/assets/js/listing-slider.js @@ -275,7 +275,7 @@ __webpack_require__.r(__webpack_exports__); } } }); - var swiperSingleListing = new Swiper(swiperCarouselSingleListing, { + var swiperSingleListingConfig = { slidesPerView: 1, spaceBetween: 0, loop: true, @@ -290,11 +290,16 @@ __webpack_require__.r(__webpack_exports__); el: ".directorist-swiper__pagination--single-listing", type: 'bullets', clickable: true - }, - thumbs: { - swiper: swiperSingleListingThumb } - }); // Loop Destroy on Single Slider Item + }; + + if (swiperCarouselSingleListingThumb) { + swiperSingleListingConfig.thumbs = { + swiper: swiperSingleListingThumb + }; + } + + var swiperSingleListing = new Swiper(swiperCarouselSingleListing, swiperSingleListingConfig); // Loop Destroy on Single Slider Item var sliderItemsCount = swiperCarouselSingleListing.querySelectorAll('.directorist-swiper__pagination .swiper-pagination-bullet'); @@ -305,14 +310,19 @@ __webpack_require__.r(__webpack_exports__); } // Add Styles - swiperCarouselSingleListing.dir = dataRTL !== '0' ? 'rtl' : 'ltr'; - swiperCarouselSingleListing.style.width = dataWidth ? dataWidth + 'px' : '100%'; - swiperCarouselSingleListing.style.height = dataHeight ? dataHeight + 'px' : 'auto'; - swiperCarouselSingleListing.style.backgroundColor = dataBackgroundColor ? dataBackgroundColor : 'transparent'; - swiperCarouselSingleListing.style.backgroundSize = dataBackgroundSize ? dataBackgroundSize : ''; // swiperCarouselSingleListingThumb.style.display = dataShowThumbnails == '0' ? 'none' : ''; + if (swiperCarouselSingleListing) { + swiperCarouselSingleListing.dir = dataRTL !== '0' ? 'rtl' : 'ltr'; + swiperCarouselSingleListing.style.width = dataWidth ? dataWidth + 'px' : '100%'; + swiperCarouselSingleListing.style.height = dataHeight ? dataHeight + 'px' : 'auto'; + swiperCarouselSingleListing.style.backgroundColor = dataBackgroundColor ? dataBackgroundColor : 'transparent'; + swiperCarouselSingleListing.style.backgroundSize = dataBackgroundSize ? dataBackgroundSize : ''; + } - swiperCarouselSingleListingThumb.style.width = dataWidth ? dataWidth + 'px' : '100%'; - swiperCarouselSingleListingThumb.style.backgroundColor = dataThumbnailsBackground ? dataThumbnailsBackground : 'transparent'; + if (swiperCarouselSingleListingThumb) { + // swiperCarouselSingleListingThumb.style.display = dataShowThumbnails == '0' ? 'none' : ''; + swiperCarouselSingleListingThumb.style.width = dataWidth ? dataWidth + 'px' : '100%'; + swiperCarouselSingleListingThumb.style.backgroundColor = dataThumbnailsBackground ? dataThumbnailsBackground : 'transparent'; + } }); } diff --git a/assets/src/js/public/listing-slider.js b/assets/src/js/public/listing-slider.js index 1d497927f1..23de8ebe4c 100644 --- a/assets/src/js/public/listing-slider.js +++ b/assets/src/js/public/listing-slider.js @@ -191,7 +191,7 @@ } }); - let swiperSingleListing = new Swiper(swiperCarouselSingleListing, { + let swiperSingleListingConfig = { slidesPerView: 1, spaceBetween: 0, loop: true, @@ -207,10 +207,15 @@ type: 'bullets', clickable: true, }, - thumbs: { + }; + + if (swiperCarouselSingleListingThumb) { + swiperSingleListingConfig.thumbs = { swiper: swiperSingleListingThumb - }, - }); + }; + } + + let swiperSingleListing = new Swiper(swiperCarouselSingleListing, swiperSingleListingConfig); // Loop Destroy on Single Slider Item let sliderItemsCount = swiperCarouselSingleListing.querySelectorAll('.directorist-swiper__pagination .swiper-pagination-bullet'); @@ -222,15 +227,22 @@ } // Add Styles - swiperCarouselSingleListing.dir = dataRTL !== '0' ? 'rtl' : 'ltr'; - swiperCarouselSingleListing.style.width = dataWidth ? dataWidth + 'px' : '100%'; - swiperCarouselSingleListing.style.height = dataHeight ? dataHeight + 'px' : 'auto'; - swiperCarouselSingleListing.style.backgroundColor = dataBackgroundColor ? dataBackgroundColor : 'transparent'; - swiperCarouselSingleListing.style.backgroundSize = dataBackgroundSize ? dataBackgroundSize : ''; - - // swiperCarouselSingleListingThumb.style.display = dataShowThumbnails == '0' ? 'none' : ''; - swiperCarouselSingleListingThumb.style.width = dataWidth ? dataWidth + 'px' : '100%'; - swiperCarouselSingleListingThumb.style.backgroundColor = dataThumbnailsBackground ? dataThumbnailsBackground : 'transparent'; + if (swiperCarouselSingleListing) { + + swiperCarouselSingleListing.dir = dataRTL !== '0' ? 'rtl' : 'ltr'; + swiperCarouselSingleListing.style.width = dataWidth ? dataWidth + 'px' : '100%'; + swiperCarouselSingleListing.style.height = dataHeight ? dataHeight + 'px' : 'auto'; + swiperCarouselSingleListing.style.backgroundColor = dataBackgroundColor ? dataBackgroundColor : 'transparent'; + swiperCarouselSingleListing.style.backgroundSize = dataBackgroundSize ? dataBackgroundSize : ''; + } + + if(swiperCarouselSingleListingThumb) { + + // swiperCarouselSingleListingThumb.style.display = dataShowThumbnails == '0' ? 'none' : ''; + swiperCarouselSingleListingThumb.style.width = dataWidth ? dataWidth + 'px' : '100%'; + swiperCarouselSingleListingThumb.style.backgroundColor = dataThumbnailsBackground ? dataThumbnailsBackground : 'transparent'; + } + }); } From 71e534aa646b975fa1ddf8c7ed44175f32864f68 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Mon, 9 Oct 2023 14:21:02 +0600 Subject: [PATCH 014/127] Related Listing & Images Slider Issue on Elementor Editmode - Fixed --- assets/js/add-listing.js | 6 ------ assets/js/listing-slider.js | 19 +++++++++++++++++++ assets/src/js/global/add-listing.js | 6 ------ assets/src/js/public/listing-slider.js | 22 ++++++++++++++++++++++ 4 files changed, 41 insertions(+), 12 deletions(-) diff --git a/assets/js/add-listing.js b/assets/js/add-listing.js index d840802c2b..fe72ca52c0 100644 --- a/assets/js/add-listing.js +++ b/assets/js/add-listing.js @@ -1125,12 +1125,6 @@ $(window).on('elementor/frontend/init', function () { }, 3000); }); // Elementor EditMode -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - multiStepWizard(); - } -}); // Elementor EditMode - $('body').on('click', function (e) { if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { multiStepWizard(); diff --git a/assets/js/listing-slider.js b/assets/js/listing-slider.js index 3779a05317..eb2951f998 100644 --- a/assets/js/listing-slider.js +++ b/assets/js/listing-slider.js @@ -343,6 +343,25 @@ __webpack_require__.r(__webpack_exports__); }, 1000); }); }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + allListingSlider(); + } + + if ($('body').hasClass('elementor-editor-active')) { + allListingSlider(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + allListingSlider(); + } + }); })(jQuery); /***/ }), diff --git a/assets/src/js/global/add-listing.js b/assets/src/js/global/add-listing.js index 1827fd214a..995dd312af 100644 --- a/assets/src/js/global/add-listing.js +++ b/assets/src/js/global/add-listing.js @@ -1022,10 +1022,4 @@ $('body').on('click', function (e) { } }); -// Elementor EditMode -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && (e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON')) { - multiStepWizard(); - } -}); diff --git a/assets/src/js/public/listing-slider.js b/assets/src/js/public/listing-slider.js index 23de8ebe4c..0bd9783999 100644 --- a/assets/src/js/public/listing-slider.js +++ b/assets/src/js/public/listing-slider.js @@ -267,4 +267,26 @@ }); }); + + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function() { + if ($('body').hasClass('elementor-editor-active')) { + allListingSlider(); + } + if ($('body').hasClass('elementor-editor-active')) { + allListingSlider(); + } + }, 3000); + + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && (e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON')) { + allListingSlider(); + } + }); + })(jQuery); \ No newline at end of file From cec1c545f08edabefca5d37e0af0d4be02f0744a Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Mon, 9 Oct 2023 15:29:57 +0600 Subject: [PATCH 015/127] Search Fields Value Initialize & Reset - Improved --- assets/css/all-listings.css | 3 +++ assets/css/all-listings.rtl.css | 3 +++ assets/css/public-main.css | 3 +++ assets/css/public-main.rtl.css | 3 +++ assets/js/search-form.js | 34 ++++++++++++++++++++++--- assets/src/js/public/search-form.js | 31 +++++++++++++++++++--- assets/src/scss/component/_archive.scss | 3 +++ 7 files changed, 74 insertions(+), 6 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 6065067876..70097724b5 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -10670,6 +10670,9 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { border: 0 none; } +.listing-with-sidebar__sidebar .directorist-price-ranges__item .directorist-form-element { + padding-bottom: 0; +} .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, .listing-with-sidebar__sidebar .directorist-search-tags { diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 40bd144cbc..f529f01ad0 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -10670,6 +10670,9 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { border: 0 none; } +.listing-with-sidebar__sidebar .directorist-price-ranges__item .directorist-form-element { + padding-bottom: 0; +} .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, .listing-with-sidebar__sidebar .directorist-search-tags { diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 3370602ba2..5e278341a4 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -10670,6 +10670,9 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { border: 0 none; } +.listing-with-sidebar__sidebar .directorist-price-ranges__item .directorist-form-element { + padding-bottom: 0; +} .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, .listing-with-sidebar__sidebar .directorist-search-tags { diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 40bd144cbc..f529f01ad0 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -10670,6 +10670,9 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { border: 0 none; } +.listing-with-sidebar__sidebar .directorist-price-ranges__item .directorist-form-element { + padding-bottom: 0; +} .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, .listing-with-sidebar__sidebar .directorist-search-tags { diff --git a/assets/js/search-form.js b/assets/js/search-form.js index fd654e93df..7b49abac54 100644 --- a/assets/js/search-form.js +++ b/assets/js/search-form.js @@ -1158,6 +1158,12 @@ __webpack_require__.r(__webpack_exports__); if (advanceSearchForm) { adsFormReset(advanceSearchForm); } + + var advanceSearchFilter = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__advanced'); + + if (advanceSearchFilter) { + adsFormReset(advanceSearchFilter); + } } if ($(this).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search').length) { @@ -1264,7 +1270,7 @@ __webpack_require__.r(__webpack_exports__); } $search_form_box.removeClass('atbdp-form-fade'); - checkEmptySearchFields(); + initSearchFields(); }, error: function error(_error) {//console.log(_error); } @@ -1273,7 +1279,7 @@ __webpack_require__.r(__webpack_exports__); } // Check Empty Search Fields on Search Modal - function checkEmptySearchFields() { + function initSearchFields() { var inputFields = document.querySelectorAll('.directorist-search-modal__input'); inputFields.forEach(function (inputField) { var searchField = inputField.querySelector('.directorist-search-field'); @@ -1282,9 +1288,31 @@ __webpack_require__.r(__webpack_exports__); inputField.style.display = 'none'; } }); + var searchFields = document.querySelectorAll('.directorist-search-field__input'); + searchFields.forEach(function (searchField) { + var 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'); + } + } else { + inputFieldValue = ''; + + if (searchField.parentElement.classList.contains('input-has-value')) { + searchField.parentElement.classList.remove('input-has-value'); + } + } + }); } - checkEmptySearchFields(); // hide country result when click outside the zipcode field + initSearchFields(); // hide country result when click outside the zipcode field $(document).on('click', function (e) { if (!$(e.target).closest('.directorist-zip-code').length) { diff --git a/assets/src/js/public/search-form.js b/assets/src/js/public/search-form.js index 48870620f3..6f7db0393a 100644 --- a/assets/src/js/public/search-form.js +++ b/assets/src/js/public/search-form.js @@ -133,6 +133,10 @@ import { directorist_range_slider } from './range-slider'; if (advanceSearchForm) { adsFormReset(advanceSearchForm); } + const advanceSearchFilter = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__advanced'); + if (advanceSearchFilter) { + adsFormReset(advanceSearchFilter); + } } if($(this).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search').length){ directorist_callingSlider(0); @@ -269,7 +273,7 @@ import { directorist_range_slider } from './range-slider'; } $search_form_box.removeClass('atbdp-form-fade'); - checkEmptySearchFields(); + initSearchFields(); }, error: function error(_error) { //console.log(_error); @@ -279,7 +283,7 @@ import { directorist_range_slider } from './range-slider'; } // Check Empty Search Fields on Search Modal - function checkEmptySearchFields(){ + function initSearchFields(){ let inputFields = document.querySelectorAll('.directorist-search-modal__input'); inputFields.forEach((inputField)=>{ @@ -288,9 +292,30 @@ import { directorist_range_slider } from './range-slider'; inputField.style.display = 'none'; } }); + + let searchFields = document.querySelectorAll('.directorist-search-field__input'); + + 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'); + } + } else { + inputFieldValue = '' + if(searchField.parentElement.classList.contains('input-has-value')) { + searchField.parentElement.classList.remove('input-has-value'); + } + } + }); } - checkEmptySearchFields(); + initSearchFields(); // hide country result when click outside the zipcode field $(document).on('click', function (e) { diff --git a/assets/src/scss/component/_archive.scss b/assets/src/scss/component/_archive.scss index e669a4c620..fdd48a8133 100644 --- a/assets/src/scss/component/_archive.scss +++ b/assets/src/scss/component/_archive.scss @@ -459,6 +459,9 @@ .directorist-price-ranges__price-frequency--btn:last-child { border: 0 none; } + .directorist-price-ranges__item .directorist-form-element { + padding-bottom: 0; + } .directorist-checkbox-wrapper, .directorist-radio-wrapper, .directorist-search-tags { From 88526ec1d6052b5cf6e9b834c5fbcc9997d0523a Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Mon, 9 Oct 2023 15:45:33 +0600 Subject: [PATCH 016/127] Single Listing - Improved --- assets/css/all-listings.css | 14 +++++++------- assets/css/all-listings.rtl.css | 14 +++++++------- assets/css/public-main.css | 14 +++++++------- assets/css/public-main.rtl.css | 14 +++++++------- .../listing-details/_details-content.scss | 8 ++++---- 5 files changed, 32 insertions(+), 32 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 70097724b5..25c8ab5c51 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -16421,12 +16421,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di align-items: center; } -.directorist-single-wrapper .directorist-single-map__direction a { +.directorist-single-contents-area .directorist-single-map__direction a { font-size: 14px; color: var(--directorist-color-info); } -.directorist-single-wrapper .directorist-single-map__direction .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { width: 14px; height: 14px; background-color: var(--directorist-color-info); @@ -16663,26 +16663,26 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-body); } -.directorist-single-wrapper .directorist-embaded-video { +.directorist-single-contents-area .directorist-embaded-video { width: 100%; height: 400px; border: 0 none; border-radius: 16px; } @media (max-width: 768px) { - .directorist-single-wrapper .directorist-embaded-video { + .directorist-single-contents-area .directorist-embaded-video { height: 56.25vw; } } -.directorist-single-wrapper .directorist-single-map { +.directorist-single-contents-area .directorist-single-map { border-radius: 16px; z-index: 1; } -.directorist-single-wrapper .directorist-single-map .atbd_map_shape .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-map .atbd_map_shape .directorist-icon-mask:after { background-color: var(--directorist-color-white); } -.directorist-single-wrapper .directorist-single-map .directorist-info-item a { +.directorist-single-contents-area .directorist-single-map .directorist-info-item a { font-size: 14px; } diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index f529f01ad0..e32c021e8c 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -16420,12 +16420,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di align-items: center; } -.directorist-single-wrapper .directorist-single-map__direction a { +.directorist-single-contents-area .directorist-single-map__direction a { font-size: 14px; color: var(--directorist-color-info); } -.directorist-single-wrapper .directorist-single-map__direction .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { width: 14px; height: 14px; background-color: var(--directorist-color-info); @@ -16662,26 +16662,26 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-body); } -.directorist-single-wrapper .directorist-embaded-video { +.directorist-single-contents-area .directorist-embaded-video { width: 100%; height: 400px; border: 0 none; border-radius: 16px; } @media (max-width: 768px) { - .directorist-single-wrapper .directorist-embaded-video { + .directorist-single-contents-area .directorist-embaded-video { height: 56.25vw; } } -.directorist-single-wrapper .directorist-single-map { +.directorist-single-contents-area .directorist-single-map { border-radius: 16px; z-index: 1; } -.directorist-single-wrapper .directorist-single-map .atbd_map_shape .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-map .atbd_map_shape .directorist-icon-mask:after { background-color: var(--directorist-color-white); } -.directorist-single-wrapper .directorist-single-map .directorist-info-item a { +.directorist-single-contents-area .directorist-single-map .directorist-info-item a { font-size: 14px; } diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 5e278341a4..4f5eab8f2c 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -16421,12 +16421,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di align-items: center; } -.directorist-single-wrapper .directorist-single-map__direction a { +.directorist-single-contents-area .directorist-single-map__direction a { font-size: 14px; color: var(--directorist-color-info); } -.directorist-single-wrapper .directorist-single-map__direction .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { width: 14px; height: 14px; background-color: var(--directorist-color-info); @@ -16663,26 +16663,26 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-body); } -.directorist-single-wrapper .directorist-embaded-video { +.directorist-single-contents-area .directorist-embaded-video { width: 100%; height: 400px; border: 0 none; border-radius: 16px; } @media (max-width: 768px) { - .directorist-single-wrapper .directorist-embaded-video { + .directorist-single-contents-area .directorist-embaded-video { height: 56.25vw; } } -.directorist-single-wrapper .directorist-single-map { +.directorist-single-contents-area .directorist-single-map { border-radius: 16px; z-index: 1; } -.directorist-single-wrapper .directorist-single-map .atbd_map_shape .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-map .atbd_map_shape .directorist-icon-mask:after { background-color: var(--directorist-color-white); } -.directorist-single-wrapper .directorist-single-map .directorist-info-item a { +.directorist-single-contents-area .directorist-single-map .directorist-info-item a { font-size: 14px; } diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index f529f01ad0..e32c021e8c 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -16420,12 +16420,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di align-items: center; } -.directorist-single-wrapper .directorist-single-map__direction a { +.directorist-single-contents-area .directorist-single-map__direction a { font-size: 14px; color: var(--directorist-color-info); } -.directorist-single-wrapper .directorist-single-map__direction .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { width: 14px; height: 14px; background-color: var(--directorist-color-info); @@ -16662,26 +16662,26 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di color: var(--directorist-color-body); } -.directorist-single-wrapper .directorist-embaded-video { +.directorist-single-contents-area .directorist-embaded-video { width: 100%; height: 400px; border: 0 none; border-radius: 16px; } @media (max-width: 768px) { - .directorist-single-wrapper .directorist-embaded-video { + .directorist-single-contents-area .directorist-embaded-video { height: 56.25vw; } } -.directorist-single-wrapper .directorist-single-map { +.directorist-single-contents-area .directorist-single-map { border-radius: 16px; z-index: 1; } -.directorist-single-wrapper .directorist-single-map .atbd_map_shape .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-map .atbd_map_shape .directorist-icon-mask:after { background-color: var(--directorist-color-white); } -.directorist-single-wrapper .directorist-single-map .directorist-info-item a { +.directorist-single-contents-area .directorist-single-map .directorist-info-item a { font-size: 14px; } diff --git a/assets/src/scss/component/listing-details/_details-content.scss b/assets/src/scss/component/listing-details/_details-content.scss index cc765e7b43..1ebb0a14f9 100644 --- a/assets/src/scss/component/listing-details/_details-content.scss +++ b/assets/src/scss/component/listing-details/_details-content.scss @@ -178,11 +178,11 @@ align-items: center; } } -.directorist-single-wrapper .directorist-single-map__direction a { +.directorist-single-contents-area .directorist-single-map__direction a { font-size: 14px; color: var(--directorist-color-info); } -.directorist-single-wrapper .directorist-single-map__direction .directorist-icon-mask:after { +.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { width: 14px; height: 14px; background-color: var(--directorist-color-info); @@ -380,7 +380,7 @@ } // Directorist Embaded Video -.directorist-single-wrapper .directorist-embaded-video { +.directorist-single-contents-area .directorist-embaded-video { width: 100%; height: 400px; border: 0 none; @@ -391,7 +391,7 @@ } // Directorist Map -.directorist-single-wrapper .directorist-single-map{ +.directorist-single-contents-area .directorist-single-map{ border-radius: 16px; z-index: 1; .atbd_map_shape { From 86ca8321dc5177d131e462913dc979b44bd8fef5 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Tue, 10 Oct 2023 13:03:10 +0600 Subject: [PATCH 017/127] Listing With Map - Integrated --- assets/css/all-listings.css | 275 +++++++++++++++- assets/css/all-listings.rtl.css | 275 +++++++++++++++- assets/css/public-main.css | 275 +++++++++++++++- assets/css/public-main.rtl.css | 275 +++++++++++++++- assets/js/search-form.js | 12 +- assets/src/js/public/search-form.js | 11 +- assets/src/scss/component/_archive.scss | 3 +- .../src/scss/component/_listing-with-map.scss | 306 ++++++++++++++++++ assets/src/scss/layout/public/main-style.scss | 1 + 9 files changed, 1421 insertions(+), 12 deletions(-) create mode 100644 assets/src/scss/component/_listing-with-map.scss diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 25c8ab5c51..2c530a47a4 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -7403,6 +7403,278 @@ p.atbd-min { display: none; } +.directorist-type-nav--listings-map { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} +.directorist-type-nav--listings-map .directorist-type-nav__link { + padding: 23px 0; +} + +.directorist-map-wrapper .directorist-map-search { + border: none; + border-radius: 0; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); +} +.directorist-map-wrapper .directorist-map-search form { + padding-bottom: 0; +} +.directorist-map-wrapper .directorist-map-search #directorist-search-area { + padding: 25px 30px; + margin: 0; + border-radius: 0; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-map-wrapper .directorist-map-search .directorist-advanced-filter__action { + margin: 0 -30px; + padding: 25px 30px 75px; + border-top: 1px solid var(--directorist-color-light); +} +.directorist-map-wrapper .directorist-map-search .directorist-form-group .directorist-form-element, +.directorist-map-wrapper .directorist-map-search .directorist-search-field-review .directorist-select .directorist-select__label { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-btn-submit { + width: 100%; +} +.directorist-map-wrapper .directorist-map-search .directorist-btn-reset-js { + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 10px; + text-align: center; + text-transform: none; + text-decoration: none; + background-color: var(--directorist-color-light); + cursor: pointer; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field > label:not(.directorist-search-field__label) { + font-size: 15px; + font-weight: 500; + margin: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-search-field-radius_search > label { + margin-bottom: 15px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags { + gap: 20px; + margin: 10px 0 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags .directorist-checkbox { + margin: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__item .directorist-form-element { + padding: 0; + padding-bottom: 1px; + -webkit-padding-start: 41px; + padding-inline-start: 41px; + -webkit-padding-end: 15px; + padding-inline-end: 15px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn .directorist-pf-range { + color: var(--directorist-color-dark); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio] { + display: none; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio]:checked + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio] { + display: none; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio]:checked + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__input { + padding-left: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__label { + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: opacity 0.3s ease, top 0.3s ease; + transition: opacity 0.3s ease, top 0.3s ease; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn { + position: absolute; + bottom: 10px; + cursor: pointer; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear { + right: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear i::after { + width: 16px; + height: 16px; + opacity: 0; + visibility: hidden; + background-color: #BCBCBC; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear:hover i::after { + background-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { + opacity: 1; + visibility: visible; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { + opacity: 1; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-location-js { + padding-right: 45px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { + font-weight: 500; + color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-search-field__label { + opacity: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { + right: 25px; + bottom: 8px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-icon-mask:after, +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-right .directorist-input-icon { + right: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-left .directorist-input-icon { + left: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing { + padding: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing .directorist-container-fluid { + padding: 0 35px; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting .directorist-icon-mask:after { + width: 35px; + height: 35px; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting h3 { + margin: 0 0 15px; + font-weight: 600; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting p { + margin: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-map .directorist-container-fluid { + padding: 0 !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper { + padding-bottom: 40px; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-header-bar { + margin: 0; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header { + padding: 30px 0 20px; + background: transparent; + border: none; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-generic-header__title h3 { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__toggle { + padding: 0 20px; + border: none !important; + color: var(--directorist-color-body) !important; + background-color: var(--directorist-color-light) !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__links a { + border-radius: 8px; +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + margin-top: 25px !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers { + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 10px; + margin: 0; + background-color: transparent; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-border); +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers.current, .directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers:hover { + background-color: transparent !important; + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing, +.directorist-map-wrapper .directorist-ajax-search-result .directorist-listing { + background: transparent; + border-radius: 0; +} +.directorist-map-wrapper .directorist-res-btns .directorist-res-btn .directorist-icon-mask:after { + margin: 0 auto; +} + .directorist-dropdown { position: relative; } @@ -10697,9 +10969,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di right: 0; } .listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label { - font-size: 15px; + font-size: 13px; font-weight: 500; - color: var(--directorist-color-dark); } .listing-with-sidebar__listing { display: -webkit-inline-box; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index e32c021e8c..de74cb5e64 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -7403,6 +7403,278 @@ p.atbd-min { display: none; } +.directorist-type-nav--listings-map { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} +.directorist-type-nav--listings-map .directorist-type-nav__link { + padding: 23px 0; +} + +.directorist-map-wrapper .directorist-map-search { + border: none; + border-radius: 0; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); +} +.directorist-map-wrapper .directorist-map-search form { + padding-bottom: 0; +} +.directorist-map-wrapper .directorist-map-search #directorist-search-area { + padding: 25px 30px; + margin: 0; + border-radius: 0; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-map-wrapper .directorist-map-search .directorist-advanced-filter__action { + margin: 0 -30px; + padding: 25px 30px 75px; + border-top: 1px solid var(--directorist-color-light); +} +.directorist-map-wrapper .directorist-map-search .directorist-form-group .directorist-form-element, +.directorist-map-wrapper .directorist-map-search .directorist-search-field-review .directorist-select .directorist-select__label { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-btn-submit { + width: 100%; +} +.directorist-map-wrapper .directorist-map-search .directorist-btn-reset-js { + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 10px; + text-align: center; + text-transform: none; + text-decoration: none; + background-color: var(--directorist-color-light); + cursor: pointer; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field > label:not(.directorist-search-field__label) { + font-size: 15px; + font-weight: 500; + margin: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-search-field-radius_search > label { + margin-bottom: 15px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags { + gap: 20px; + margin: 10px 0 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags .directorist-checkbox { + margin: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__item .directorist-form-element { + padding: 0; + padding-bottom: 1px; + -webkit-padding-start: 41px; + padding-inline-start: 41px; + -webkit-padding-end: 15px; + padding-inline-end: 15px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn .directorist-pf-range { + color: var(--directorist-color-dark); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio] { + display: none; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio]:checked + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio] { + display: none; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio]:checked + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__input { + padding-right: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__label { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: opacity 0.3s ease, top 0.3s ease; + transition: opacity 0.3s ease, top 0.3s ease; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn { + position: absolute; + bottom: 10px; + cursor: pointer; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear { + left: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear i::after { + width: 16px; + height: 16px; + opacity: 0; + visibility: hidden; + background-color: #BCBCBC; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear:hover i::after { + background-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { + opacity: 1; + visibility: visible; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { + opacity: 1; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-location-js { + padding-left: 45px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { + font-weight: 500; + color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-search-field__label { + opacity: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { + left: 25px; + bottom: 8px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-icon-mask:after, +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-right .directorist-input-icon { + left: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-left .directorist-input-icon { + right: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing { + padding: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing .directorist-container-fluid { + padding: 0 35px; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting .directorist-icon-mask:after { + width: 35px; + height: 35px; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting h3 { + margin: 0 0 15px; + font-weight: 600; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting p { + margin: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-map .directorist-container-fluid { + padding: 0 !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper { + padding-bottom: 40px; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-header-bar { + margin: 0; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header { + padding: 30px 0 20px; + background: transparent; + border: none; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-generic-header__title h3 { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__toggle { + padding: 0 20px; + border: none !important; + color: var(--directorist-color-body) !important; + background-color: var(--directorist-color-light) !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__links a { + border-radius: 8px; +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + margin-top: 25px !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers { + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 10px; + margin: 0; + background-color: transparent; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-border); +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers.current, .directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers:hover { + background-color: transparent !important; + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing, +.directorist-map-wrapper .directorist-ajax-search-result .directorist-listing { + background: transparent; + border-radius: 0; +} +.directorist-map-wrapper .directorist-res-btns .directorist-res-btn .directorist-icon-mask:after { + margin: 0 auto; +} + .directorist-dropdown { position: relative; } @@ -10697,9 +10969,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di left: 0; } .listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label { - font-size: 15px; + font-size: 13px; font-weight: 500; - color: var(--directorist-color-dark); } .listing-with-sidebar__listing { display: -webkit-inline-box; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 4f5eab8f2c..35c39c3b0e 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -7403,6 +7403,278 @@ p.atbd-min { display: none; } +.directorist-type-nav--listings-map { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} +.directorist-type-nav--listings-map .directorist-type-nav__link { + padding: 23px 0; +} + +.directorist-map-wrapper .directorist-map-search { + border: none; + border-radius: 0; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); +} +.directorist-map-wrapper .directorist-map-search form { + padding-bottom: 0; +} +.directorist-map-wrapper .directorist-map-search #directorist-search-area { + padding: 25px 30px; + margin: 0; + border-radius: 0; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-map-wrapper .directorist-map-search .directorist-advanced-filter__action { + margin: 0 -30px; + padding: 25px 30px 75px; + border-top: 1px solid var(--directorist-color-light); +} +.directorist-map-wrapper .directorist-map-search .directorist-form-group .directorist-form-element, +.directorist-map-wrapper .directorist-map-search .directorist-search-field-review .directorist-select .directorist-select__label { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-btn-submit { + width: 100%; +} +.directorist-map-wrapper .directorist-map-search .directorist-btn-reset-js { + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 10px; + text-align: center; + text-transform: none; + text-decoration: none; + background-color: var(--directorist-color-light); + cursor: pointer; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field > label:not(.directorist-search-field__label) { + font-size: 15px; + font-weight: 500; + margin: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-search-field-radius_search > label { + margin-bottom: 15px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags { + gap: 20px; + margin: 10px 0 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags .directorist-checkbox { + margin: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__item .directorist-form-element { + padding: 0; + padding-bottom: 1px; + -webkit-padding-start: 41px; + padding-inline-start: 41px; + -webkit-padding-end: 15px; + padding-inline-end: 15px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn .directorist-pf-range { + color: var(--directorist-color-dark); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio] { + display: none; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio]:checked + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio] { + display: none; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio]:checked + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__input { + padding-left: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__label { + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: opacity 0.3s ease, top 0.3s ease; + transition: opacity 0.3s ease, top 0.3s ease; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn { + position: absolute; + bottom: 10px; + cursor: pointer; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear { + right: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear i::after { + width: 16px; + height: 16px; + opacity: 0; + visibility: hidden; + background-color: #BCBCBC; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear:hover i::after { + background-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { + opacity: 1; + visibility: visible; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { + opacity: 1; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-location-js { + padding-right: 45px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { + font-weight: 500; + color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-search-field__label { + opacity: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { + right: 25px; + bottom: 8px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-icon-mask:after, +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-right .directorist-input-icon { + right: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-left .directorist-input-icon { + left: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing { + padding: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing .directorist-container-fluid { + padding: 0 35px; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting .directorist-icon-mask:after { + width: 35px; + height: 35px; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting h3 { + margin: 0 0 15px; + font-weight: 600; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting p { + margin: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-map .directorist-container-fluid { + padding: 0 !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper { + padding-bottom: 40px; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-header-bar { + margin: 0; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header { + padding: 30px 0 20px; + background: transparent; + border: none; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-generic-header__title h3 { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__toggle { + padding: 0 20px; + border: none !important; + color: var(--directorist-color-body) !important; + background-color: var(--directorist-color-light) !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__links a { + border-radius: 8px; +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + margin-top: 25px !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers { + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 10px; + margin: 0; + background-color: transparent; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-border); +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers.current, .directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers:hover { + background-color: transparent !important; + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing, +.directorist-map-wrapper .directorist-ajax-search-result .directorist-listing { + background: transparent; + border-radius: 0; +} +.directorist-map-wrapper .directorist-res-btns .directorist-res-btn .directorist-icon-mask:after { + margin: 0 auto; +} + .directorist-dropdown { position: relative; } @@ -10697,9 +10969,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di right: 0; } .listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label { - font-size: 15px; + font-size: 13px; font-weight: 500; - color: var(--directorist-color-dark); } .listing-with-sidebar__listing { display: -webkit-inline-box; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index e32c021e8c..de74cb5e64 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -7403,6 +7403,278 @@ p.atbd-min { display: none; } +.directorist-type-nav--listings-map { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} +.directorist-type-nav--listings-map .directorist-type-nav__link { + padding: 23px 0; +} + +.directorist-map-wrapper .directorist-map-search { + border: none; + border-radius: 0; + -webkit-box-shadow: var(--directorist-box-shadow); + box-shadow: var(--directorist-box-shadow); +} +.directorist-map-wrapper .directorist-map-search form { + padding-bottom: 0; +} +.directorist-map-wrapper .directorist-map-search #directorist-search-area { + padding: 25px 30px; + margin: 0; + border-radius: 0; + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.directorist-map-wrapper .directorist-map-search .directorist-advanced-filter__action { + margin: 0 -30px; + padding: 25px 30px 75px; + border-top: 1px solid var(--directorist-color-light); +} +.directorist-map-wrapper .directorist-map-search .directorist-form-group .directorist-form-element, +.directorist-map-wrapper .directorist-map-search .directorist-search-field-review .directorist-select .directorist-select__label { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-btn-submit { + width: 100%; +} +.directorist-map-wrapper .directorist-map-search .directorist-btn-reset-js { + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 10px; + text-align: center; + text-transform: none; + text-decoration: none; + background-color: var(--directorist-color-light); + cursor: pointer; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field > label:not(.directorist-search-field__label) { + font-size: 15px; + font-weight: 500; + margin: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-search-field-radius_search > label { + margin-bottom: 15px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags { + gap: 20px; + margin: 10px 0 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags .directorist-checkbox { + margin: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__item .directorist-form-element { + padding: 0; + padding-bottom: 1px; + -webkit-padding-start: 41px; + padding-inline-start: 41px; + -webkit-padding-end: 15px; + padding-inline-end: 15px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn .directorist-pf-range { + color: var(--directorist-color-dark); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio] { + display: none; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio]:checked + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio] { + display: none; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio]:checked + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__input { + padding-right: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__label { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + -webkit-transition: opacity 0.3s ease, top 0.3s ease; + transition: opacity 0.3s ease, top 0.3s ease; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn { + position: absolute; + bottom: 10px; + cursor: pointer; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear { + left: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear i::after { + width: 16px; + height: 16px; + opacity: 0; + visibility: hidden; + background-color: #BCBCBC; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear:hover i::after { + background-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { + opacity: 1; + visibility: visible; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { + opacity: 1; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-location-js { + padding-left: 45px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { + font-weight: 500; + color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-search-field__label { + opacity: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { + left: 25px; + bottom: 8px; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-icon-mask:after, +.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-right .directorist-input-icon { + left: 0; +} +.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-left .directorist-input-icon { + right: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing { + padding: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing .directorist-container-fluid { + padding: 0 35px; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting .directorist-icon-mask:after { + width: 35px; + height: 35px; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting h3 { + margin: 0 0 15px; + font-weight: 600; +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting p { + margin: 0; +} +.directorist-map-wrapper .directorist-map-listing .directorist-map .directorist-container-fluid { + padding: 0 !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper { + padding-bottom: 40px; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-header-bar { + margin: 0; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header { + padding: 30px 0 20px; + background: transparent; + border: none; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-generic-header__title h3 { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__toggle { + padding: 0 20px; + border: none !important; + color: var(--directorist-color-body) !important; + background-color: var(--directorist-color-light) !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__links a { + border-radius: 8px; +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + margin-top: 25px !important; +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers { + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 10px; + margin: 0; + background-color: transparent; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-border); +} +.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers.current, .directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers:hover { + background-color: transparent !important; + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-map-wrapper .directorist-map-listing .directorist-listing, +.directorist-map-wrapper .directorist-ajax-search-result .directorist-listing { + background: transparent; + border-radius: 0; +} +.directorist-map-wrapper .directorist-res-btns .directorist-res-btn .directorist-icon-mask:after { + margin: 0 auto; +} + .directorist-dropdown { position: relative; } @@ -10697,9 +10969,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di left: 0; } .listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label { - font-size: 15px; + font-size: 13px; font-weight: 500; - color: var(--directorist-color-dark); } .listing-with-sidebar__listing { display: -webkit-inline-box; diff --git a/assets/js/search-form.js b/assets/js/search-form.js index 7b49abac54..1fbc48efff 100644 --- a/assets/js/search-form.js +++ b/assets/js/search-form.js @@ -1122,7 +1122,9 @@ __webpack_require__.r(__webpack_exports__); var parentElem = el.closest('.directorist-search-field'); if (parentElem.classList.contains('input-has-value') || parentElem.classList.contains('input-is-focused')) { - parentElem.classList.remove('input-has-value', 'input-is-focused'); + setTimeout(function () { + parentElem.classList.remove('input-has-value', 'input-is-focused'); + }, 100); } }); var irisPicker = searchForm.querySelector("input.wp-picker-clear"); @@ -1166,6 +1168,14 @@ __webpack_require__.r(__webpack_exports__); } } + if ($(this).closest('.directorist-map-wrapper')) { + var lwmSearchFilter = this.closest('.directorist-map-wrapper').querySelector('#directorist-search-area-form'); + + if (lwmSearchFilter) { + adsFormReset(lwmSearchFilter); + } + } + if ($(this).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search').length) { Object(_range_slider__WEBPACK_IMPORTED_MODULE_5__["directorist_callingSlider"])(0); } diff --git a/assets/src/js/public/search-form.js b/assets/src/js/public/search-form.js index 6f7db0393a..92344f987b 100644 --- a/assets/src/js/public/search-form.js +++ b/assets/src/js/public/search-form.js @@ -103,7 +103,9 @@ import { directorist_range_slider } from './range-slider'; let parentElem = el.closest('.directorist-search-field'); if (parentElem.classList.contains('input-has-value') || parentElem.classList.contains('input-is-focused')) { - parentElem.classList.remove('input-has-value', 'input-is-focused'); + setTimeout(function(){ + parentElem.classList.remove('input-has-value', 'input-is-focused'); + }, 100) } }); @@ -138,6 +140,13 @@ import { directorist_range_slider } from './range-slider'; adsFormReset(advanceSearchFilter); } } + if ($(this).closest('.directorist-map-wrapper')) { + + const lwmSearchFilter = this.closest('.directorist-map-wrapper').querySelector('#directorist-search-area-form'); + if (lwmSearchFilter) { + adsFormReset(lwmSearchFilter); + } + } if($(this).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search').length){ directorist_callingSlider(0); } diff --git a/assets/src/scss/component/_archive.scss b/assets/src/scss/component/_archive.scss index fdd48a8133..c2a0371ae4 100644 --- a/assets/src/scss/component/_archive.scss +++ b/assets/src/scss/component/_archive.scss @@ -484,9 +484,8 @@ } &.input-is-focused { .directorist-search-field__label { - font-size: 15px; + font-size: 13px; font-weight: 500; - color: var(--directorist-color-dark); } } } diff --git a/assets/src/scss/component/_listing-with-map.scss b/assets/src/scss/component/_listing-with-map.scss new file mode 100644 index 0000000000..626616454c --- /dev/null +++ b/assets/src/scss/component/_listing-with-map.scss @@ -0,0 +1,306 @@ +.directorist-type-nav--listings-map { + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + .directorist-type-nav__link { + padding: 23px 0; + } +} + +.directorist-map-wrapper { + + .directorist-map-search { + border: none; + border-radius: 0; + box-shadow: var(--directorist-box-shadow); + form { + padding-bottom: 0; + } + #directorist-search-area { + padding: 25px 30px; + margin: 0; + border-radius: 0; + background: transparent; + box-sizing: border-box; + } + .directorist-advanced-filter__action { + margin: 0 -30px; + padding: 25px 30px 75px; + border-top: 1px solid var(--directorist-color-light); + } + + .directorist-form-group .directorist-form-element, + .directorist-search-field-review .directorist-select .directorist-select__label { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + } + .directorist-btn-submit { + width: 100%; + } + .directorist-btn-reset-js { + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 10px; + text-align: center; + text-transform: none; + text-decoration: none; + background-color: var(--directorist-color-light); + cursor: pointer; + } + + .directorist-search-field { + + > label:not(.directorist-search-field__label) { + font-size: 15px; + font-weight: 500; + margin: 0; + } + + &.directorist-search-field-radius_search > label { + margin-bottom: 15px; + } + + .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + } + + .directorist-search-tags { + gap: 20px; + margin: 10px 0 0; + flex-wrap: wrap; + flex-direction: column; + .directorist-checkbox { + margin: 0; + } + } + + .directorist-price-ranges__item .directorist-form-element { + padding: 0; + padding-bottom: 1px; + padding-inline-start: 41px; + padding-inline-end: 15px; + } + .directorist-price-ranges__price-frequency--btn { + .directorist-pf-range { + color: var(--directorist-color-dark); + } + input[type="radio"]{ + display: none; + &:checked+.directorist-pf-range{ + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + } + } + } + input[type="radio"]{ + display: none; + &:checked+.directorist-pf-range{ + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + } + } + + @include e(input) { + padding-left: 0; + } + @include e(label) { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: opacity 0.3s ease, top 0.3s ease; + } + @include e(btn) { + position: absolute; + bottom: 10px; + cursor: pointer; + @include m(clear) { + right: 0; + i::after { + width: 16px; + height: 16px; + opacity: 0; + visibility: hidden; + background-color: #BCBCBC; + transition: background-color 0.3s ease; + } + &:hover { + i::after { + background-color: var(--directorist-color-primary); + } + } + } + } + + &.input-is-focused { + .directorist-search-field__input { + &[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; + } + } + .directorist-search-field__label { + top: 0; + font-size: 13px; + } + .directorist-search-field__btn i::after { + opacity: 1; + visibility: visible; + } + + .directorist-select, + .directorist-search-field__input { + position: relative; + bottom: -5px; + } + .directorist-select { + .directorist-search-field__label { + opacity: 1; + } + } + .directorist-location-js { + padding-right: 45px; + } + + .select2-selection--single .select2-selection__rendered, + .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { + font-weight: 500; + color: var(--directorist-color-primary); + } + .directorist-select2-addons-area .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); + } + + &.atbdp-form-fade:after, + .directorist-filter-location-icon { + margin-top: 3px; + } + } + + .directorist-select { + .directorist-search-field__label { + opacity: 0; + } + } + .directorist-select, + .directorist-filter-location-icon { + ~ .directorist-search-field__btn--clear { + right: 25px; + bottom: 8px; + } + .directorist-icon-mask:after { + background-color: #808080; + } + } + &.directorist-icon-right { + .directorist-input-icon { + right: 0; + } + } + &.directorist-icon-left { + .directorist-input-icon { + left: 0; + } + } + } + } + .directorist-map-listing { + .directorist-listing { + padding: 0; + .directorist-container-fluid { + padding: 0 35px; + } + + &.bdmv-nolisting { + .directorist-icon-mask:after { + width: 35px; + height: 35px; + } + h3 { + margin: 0 0 15px; + font-weight: 600; + } + p { + margin: 0; + } + } + } + .directorist-map .directorist-container-fluid { + padding: 0 !important; + } + #directorist.directorist-wrapper { + padding-bottom: 40px; + + .directorist-header-bar { + margin: 0; + } + .directorist-generic-header { + padding: 30px 0 20px; + background: transparent; + border: none; + .directorist-generic-header__title h3 { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + } + .directorist-dropdown__toggle { + padding: 0 20px; + border: none !important; + color: var(--directorist-color-body) !important; + background-color: var(--directorist-color-light) !important; + } + .directorist-dropdown__links a { + border-radius: 8px; + } + } + } + + #directorist .directorist-pagination { + .nav-links { + display: flex; + gap: 8px; + margin-top: 25px !important; + .page-numbers { + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 10px; + margin: 0; + background-color: transparent; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-border); + &.current, + &:hover { + background-color: transparent !important; + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + } + } + } + } + + } + + .directorist-map-listing .directorist-listing, + .directorist-ajax-search-result .directorist-listing { + background: transparent; + border-radius: 0; + } + + .directorist-res-btns { + .directorist-res-btn { + .directorist-icon-mask:after { + margin: 0 auto; + } + } + } +} \ No newline at end of file diff --git a/assets/src/scss/layout/public/main-style.scss b/assets/src/scss/layout/public/main-style.scss index f9beeed61f..0a9e9e3ee5 100644 --- a/assets/src/scss/layout/public/main-style.scss +++ b/assets/src/scss/layout/public/main-style.scss @@ -20,6 +20,7 @@ @import "./../../component/badge"; @import "./../../component/range-slider"; @import "./../../component/listing-slider"; +@import "./../../component/listing-with-map"; @import "./../../component/dropdown"; @import "./../../component/switch"; @import "./../../component/tooltip"; From 0e10a6007e71984e8d2f3ff30e306edacb2b972d Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Tue, 10 Oct 2023 13:06:31 +0600 Subject: [PATCH 018/127] Location Suggestion Box z-index increased --- assets/css/all-listings.css | 1 + assets/css/all-listings.rtl.css | 1 + assets/css/public-main.css | 1 + assets/css/public-main.rtl.css | 1 + assets/src/scss/component/_search-home.scss | 1 + 5 files changed, 5 insertions(+) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 2c530a47a4..591e3f8120 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -12618,6 +12618,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); -webkit-box-shadow: var(--directorist-box-shadow); box-shadow: var(--directorist-box-shadow); + z-index: 10; } .directorist-search-field .directorist-location-js + .address_result ul { display: -webkit-box; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index de74cb5e64..cdbbd0d017 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -12618,6 +12618,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); -webkit-box-shadow: var(--directorist-box-shadow); box-shadow: var(--directorist-box-shadow); + z-index: 10; } .directorist-search-field .directorist-location-js + .address_result ul { display: -webkit-box; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 35c39c3b0e..ce86154aa3 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -12618,6 +12618,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); -webkit-box-shadow: var(--directorist-box-shadow); box-shadow: var(--directorist-box-shadow); + z-index: 10; } .directorist-search-field .directorist-location-js + .address_result ul { display: -webkit-box; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index de74cb5e64..cdbbd0d017 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -12618,6 +12618,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di background-color: var(--directorist-color-white); -webkit-box-shadow: var(--directorist-box-shadow); box-shadow: var(--directorist-box-shadow); + z-index: 10; } .directorist-search-field .directorist-location-js + .address_result ul { display: -webkit-box; diff --git a/assets/src/scss/component/_search-home.scss b/assets/src/scss/component/_search-home.scss index ef831c7702..83f5cc954e 100644 --- a/assets/src/scss/component/_search-home.scss +++ b/assets/src/scss/component/_search-home.scss @@ -709,6 +709,7 @@ border-radius: 10px; background-color: var(--directorist-color-white); box-shadow: var(--directorist-box-shadow); + z-index: 10; ul { display: flex; flex-direction: column; From 60403414a82bf7ad74cd3610e4a1a00e3629deaa Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Wed, 11 Oct 2023 09:06:46 +0600 Subject: [PATCH 019/127] Search Form JS - Improved --- assets/js/search-form.js | 3 ++- assets/src/js/public/search-form.js | 9 +++++---- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/assets/js/search-form.js b/assets/js/search-form.js index 1fbc48efff..f80ae1ad6c 100644 --- a/assets/js/search-form.js +++ b/assets/js/search-form.js @@ -1169,7 +1169,8 @@ __webpack_require__.r(__webpack_exports__); } if ($(this).closest('.directorist-map-wrapper')) { - var lwmSearchFilter = this.closest('.directorist-map-wrapper').querySelector('#directorist-search-area-form'); + var lwmWrapper = this.closest('.directorist-map-wrapper'); + var lwmSearchFilter = lwmWrapper && lwmWrapper.querySelector('#directorist-search-area-form'); if (lwmSearchFilter) { adsFormReset(lwmSearchFilter); diff --git a/assets/src/js/public/search-form.js b/assets/src/js/public/search-form.js index 92344f987b..43eb045d72 100644 --- a/assets/src/js/public/search-form.js +++ b/assets/src/js/public/search-form.js @@ -127,22 +127,23 @@ import { directorist_range_slider } from './range-slider'; $("body").on("click", ".directorist-btn-reset-js", function (e) { e.preventDefault(); if (this.closest('.directorist-contents-wrap')) { - const searchForm = this.closest('.directorist-contents-wrap').querySelector('.directorist-search-form'); + let searchForm = this.closest('.directorist-contents-wrap').querySelector('.directorist-search-form'); if (searchForm) { adsFormReset(searchForm); } - const advanceSearchForm = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__form'); + let advanceSearchForm = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__form'); if (advanceSearchForm) { adsFormReset(advanceSearchForm); } - const advanceSearchFilter = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__advanced'); + let advanceSearchFilter = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__advanced'); if (advanceSearchFilter) { adsFormReset(advanceSearchFilter); } } if ($(this).closest('.directorist-map-wrapper')) { - const lwmSearchFilter = this.closest('.directorist-map-wrapper').querySelector('#directorist-search-area-form'); + let lwmWrapper = this.closest('.directorist-map-wrapper'); + let lwmSearchFilter = lwmWrapper && lwmWrapper.querySelector('#directorist-search-area-form'); if (lwmSearchFilter) { adsFormReset(lwmSearchFilter); } From 5bcbf6c33445ddecc21eae171f2d6a53e161fd7b Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Wed, 11 Oct 2023 10:39:49 +0600 Subject: [PATCH 020/127] All Listing Map Issue in Elementor Frontend - Fixed --- assets/js/add-listing.js | 4 ---- assets/js/google-map.js | 18 +++++++++++++++- assets/js/openstreet-map.js | 19 +++++++++++++++-- assets/src/js/global/add-listing.js | 3 --- assets/src/js/global/map-scripts/map-view.js | 21 ++++++++++++++++++- .../js/global/map-scripts/openstreet-map.js | 20 +++++++++++++++++- 6 files changed, 73 insertions(+), 12 deletions(-) diff --git a/assets/js/add-listing.js b/assets/js/add-listing.js index fe72ca52c0..2e37b422bb 100644 --- a/assets/js/add-listing.js +++ b/assets/js/add-listing.js @@ -1118,10 +1118,6 @@ $(window).on('elementor/frontend/init', function () { if ($('body').hasClass('elementor-editor-active')) { multiStepWizard(); } - - if ($('body').hasClass('elementor-editor-active')) { - multiStepWizard(); - } }, 3000); }); // Elementor EditMode diff --git a/assets/js/google-map.js b/assets/js/google-map.js index 9991477f83..c355e208c0 100644 --- a/assets/js/google-map.js +++ b/assets/js/google-map.js @@ -340,7 +340,6 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./single-listing/google-map-widget */ "./assets/src/js/global/map-scripts/single-listing/google-map-widget.js"); /* harmony import */ var _single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3__); -; (function () { window.addEventListener('DOMContentLoaded', initMap); @@ -619,6 +618,23 @@ __webpack_require__.r(__webpack_exports__); }); })(jQuery); } + + var $ = jQuery; + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initMap(); + } + }); })(); /* Add listing google map */ diff --git a/assets/js/openstreet-map.js b/assets/js/openstreet-map.js index b64f7dd4ad..1d5baaf276 100644 --- a/assets/js/openstreet-map.js +++ b/assets/js/openstreet-map.js @@ -340,8 +340,6 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./single-listing/openstreet-map-widget */ "./assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js"); /* harmony import */ var _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2__); -; - (function () { // DOM Mutation observer var targetNode = document.querySelector('.directorist-archive-contents'); @@ -432,6 +430,23 @@ __webpack_require__.r(__webpack_exports__); setup_map(); } + + var $ = jQuery; + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initMap(); + } + }); })(); /* Add listing OSMap */ diff --git a/assets/src/js/global/add-listing.js b/assets/src/js/global/add-listing.js index 995dd312af..badb4facc1 100644 --- a/assets/src/js/global/add-listing.js +++ b/assets/src/js/global/add-listing.js @@ -1008,9 +1008,6 @@ $(window).on('elementor/frontend/init', function () { if ($('body').hasClass('elementor-editor-active')) { multiStepWizard(); } - if ($('body').hasClass('elementor-editor-active')) { - multiStepWizard(); - } }, 3000); }); diff --git a/assets/src/js/global/map-scripts/map-view.js b/assets/src/js/global/map-scripts/map-view.js index 072496ddac..69bdeb7f69 100644 --- a/assets/src/js/global/map-scripts/map-view.js +++ b/assets/src/js/global/map-scripts/map-view.js @@ -2,7 +2,7 @@ import { get_dom_data } from './../../lib/helper'; -;(function () { +(function () { window.addEventListener('DOMContentLoaded', initMap ); window.addEventListener('directorist-reload-listings-map-archive', initMap); @@ -302,6 +302,25 @@ import { })(jQuery); } + const $ = jQuery; + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function() { + if ($('body').hasClass('elementor-editor-active')) { + initMap(); + } + }, 3000); + + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && (e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON')) { + initMap(); + } + }); + })(); diff --git a/assets/src/js/global/map-scripts/openstreet-map.js b/assets/src/js/global/map-scripts/openstreet-map.js index 174575d32f..4678d65e8b 100644 --- a/assets/src/js/global/map-scripts/openstreet-map.js +++ b/assets/src/js/global/map-scripts/openstreet-map.js @@ -1,4 +1,3 @@ -; (function () { // DOM Mutation observer const targetNode = document.querySelector('.directorist-archive-contents'); @@ -86,6 +85,25 @@ } setup_map(); } + + const $ = jQuery; + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function() { + if ($('body').hasClass('elementor-editor-active')) { + initMap(); + } + }, 3000); + + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && (e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON')) { + initMap(); + } + }); })(); /* Add listing OSMap */ From 3b51622077c4d17a623a4fdd5651e86e06e636c3 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Wed, 11 Oct 2023 11:04:15 +0600 Subject: [PATCH 021/127] Single Listing Report Conflict - Resolved --- templates/single/fields/report.php | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/templates/single/fields/report.php b/templates/single/fields/report.php index 275295bbe2..eef2b03518 100644 --- a/templates/single/fields/report.php +++ b/templates/single/fields/report.php @@ -8,11 +8,13 @@ if ( ! defined( 'ABSPATH' ) ) exit; ?> -
- - - -
+ + + + + + +
From ef8185089b48d9f4ca22d22f9788283543bb5551 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Wed, 11 Oct 2023 11:33:16 +0600 Subject: [PATCH 022/127] Single Listing Widget Search Form Style - Improved --- assets/css/all-listings.css | 26 +++++++++++ assets/css/all-listings.rtl.css | 26 +++++++++++ assets/css/public-main.css | 26 +++++++++++ assets/css/public-main.rtl.css | 26 +++++++++++ assets/src/scss/component/_widget.scss | 61 ++++++++++++++++++-------- 5 files changed, 146 insertions(+), 19 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 591e3f8120..9786430f1f 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -6389,6 +6389,32 @@ body.modal-overlay-enabled:before { .directorist-sidebar .directorist-card a { text-decoration: none; } +.directorist-sidebar .directorist-card .directorist-search-form-box { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-sidebar .directorist-card .directorist-search-form-box .directorist-search-form-action { + margin-top: 25px; +} +.directorist-sidebar .directorist-card .directorist-search-form-top { + width: 100%; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input { + width: 100%; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { + border: 0 none; +} .directorist-widget__listing-contact .directorist-form-group { display: -webkit-box; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index cdbbd0d017..85943b3ae1 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -6389,6 +6389,32 @@ body.modal-overlay-enabled:before { .directorist-sidebar .directorist-card a { text-decoration: none; } +.directorist-sidebar .directorist-card .directorist-search-form-box { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-sidebar .directorist-card .directorist-search-form-box .directorist-search-form-action { + margin-top: 25px; +} +.directorist-sidebar .directorist-card .directorist-search-form-top { + width: 100%; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input { + width: 100%; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { + border: 0 none; +} .directorist-widget__listing-contact .directorist-form-group { display: -webkit-box; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index ce86154aa3..94fbb9db0f 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -6389,6 +6389,32 @@ body.modal-overlay-enabled:before { .directorist-sidebar .directorist-card a { text-decoration: none; } +.directorist-sidebar .directorist-card .directorist-search-form-box { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-sidebar .directorist-card .directorist-search-form-box .directorist-search-form-action { + margin-top: 25px; +} +.directorist-sidebar .directorist-card .directorist-search-form-top { + width: 100%; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input { + width: 100%; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { + border: 0 none; +} .directorist-widget__listing-contact .directorist-form-group { display: -webkit-box; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index cdbbd0d017..85943b3ae1 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -6389,6 +6389,32 @@ body.modal-overlay-enabled:before { .directorist-sidebar .directorist-card a { text-decoration: none; } +.directorist-sidebar .directorist-card .directorist-search-form-box { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-sidebar .directorist-card .directorist-search-form-box .directorist-search-form-action { + margin-top: 25px; +} +.directorist-sidebar .directorist-card .directorist-search-form-top { + width: 100%; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input { + width: 100%; +} +.directorist-sidebar .directorist-card .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { + border: 0 none; +} .directorist-widget__listing-contact .directorist-form-group { display: -webkit-box; diff --git a/assets/src/scss/component/_widget.scss b/assets/src/scss/component/_widget.scss index 650ee25f52..e8b2e30196 100644 --- a/assets/src/scss/component/_widget.scss +++ b/assets/src/scss/component/_widget.scss @@ -14,26 +14,49 @@ } } -.directorist-sidebar .directorist-card { - margin-bottom: 25px; - ul{ - padding: 25px; - margin: 0; - list-style: none; - } - .directorist-author-social { - padding: 22px 0 0; - } - .directorist-single-author-contact-info ul { - padding: 0; - } - .tagcloud { - margin: 0; - padding: 25px; - } - a { - text-decoration: none; +.directorist-sidebar { + .directorist-card { + margin-bottom: 25px; + ul{ + padding: 25px; + margin: 0; + list-style: none; + } + .directorist-author-social { + padding: 22px 0 0; + } + .directorist-single-author-contact-info ul { + padding: 0; + } + .tagcloud { + margin: 0; + padding: 25px; + } + a { + text-decoration: none; + } + .directorist-search-form-box { + flex-direction: column; + .directorist-search-form-action { + margin-top: 25px; + } + + } + .directorist-search-form-top { + width: 100%; + .directorist-search-modal__contents__body { + flex-direction: column; + .directorist-search-modal__input { + width: 100%; + .directorist-search-field { + border: 0 none; + } + } + } + } } + + } // Owner Contact Widget From bc47111442597ac350a6b6e70fae847d08bb0e0f Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Wed, 11 Oct 2023 11:55:56 +0600 Subject: [PATCH 023/127] Single Listing Color Issue - Fixed --- assets/css/all-listings.css | 12 ++++++------ assets/css/all-listings.rtl.css | 12 ++++++------ assets/css/public-main.css | 12 ++++++------ assets/css/public-main.rtl.css | 12 ++++++------ .../component/listing-details/_contact-info.scss | 15 ++++++++------- 5 files changed, 32 insertions(+), 31 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 9786430f1f..317dfb64d3 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -17116,6 +17116,11 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-box-shadow: none; box-shadow: none; } +.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; +} .directorist-details-info-wrap .directorist-single-info__label { display: -webkit-box; display: -webkit-flex; @@ -17183,17 +17188,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-flex: 1; -ms-flex: 1; flex: 1; - margin-top: 6px; + margin-top: 4px; color: var(--directorist-color-body); } .directorist-details-info-wrap .directorist-single-info__value a { color: var(--directorist-color-body); } -.directorist-details-info-wrap.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; -} @media screen and (max-width: 575px) { .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { display: none; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 85943b3ae1..c4f6a0d018 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -17115,6 +17115,11 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-box-shadow: none; box-shadow: none; } +.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; +} .directorist-details-info-wrap .directorist-single-info__label { display: -webkit-box; display: -webkit-flex; @@ -17182,17 +17187,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-flex: 1; -ms-flex: 1; flex: 1; - margin-top: 6px; + margin-top: 4px; color: var(--directorist-color-body); } .directorist-details-info-wrap .directorist-single-info__value a { color: var(--directorist-color-body); } -.directorist-details-info-wrap.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; -} @media screen and (max-width: 575px) { .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { display: none; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 94fbb9db0f..78c52acc1b 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -17116,6 +17116,11 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-box-shadow: none; box-shadow: none; } +.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; +} .directorist-details-info-wrap .directorist-single-info__label { display: -webkit-box; display: -webkit-flex; @@ -17183,17 +17188,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-flex: 1; -ms-flex: 1; flex: 1; - margin-top: 6px; + margin-top: 4px; color: var(--directorist-color-body); } .directorist-details-info-wrap .directorist-single-info__value a { color: var(--directorist-color-body); } -.directorist-details-info-wrap.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; -} @media screen and (max-width: 575px) { .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { display: none; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 85943b3ae1..c4f6a0d018 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -17115,6 +17115,11 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-box-shadow: none; box-shadow: none; } +.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; +} .directorist-details-info-wrap .directorist-single-info__label { display: -webkit-box; display: -webkit-flex; @@ -17182,17 +17187,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di -webkit-flex: 1; -ms-flex: 1; flex: 1; - margin-top: 6px; + margin-top: 4px; color: var(--directorist-color-body); } .directorist-details-info-wrap .directorist-single-info__value a { color: var(--directorist-color-body); } -.directorist-details-info-wrap.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; -} @media screen and (max-width: 575px) { .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { display: none; diff --git a/assets/src/scss/component/listing-details/_contact-info.scss b/assets/src/scss/component/listing-details/_contact-info.scss index f457e0ba81..d1f4e3aa6a 100644 --- a/assets/src/scss/component/listing-details/_contact-info.scss +++ b/assets/src/scss/component/listing-details/_contact-info.scss @@ -10,6 +10,13 @@ a { box-shadow: none; } + &.directorist-single-info-picker { + .directorist-field-type-color{ + width: 30px; + height: 30px; + border-radius: 5px; + } + } } .directorist-single-info__label { display: flex; @@ -59,18 +66,12 @@ .directorist-single-info__value { flex: 1; - margin-top: 6px; + margin-top: 4px; color: var(--directorist-color-body); a{ color: var(--directorist-color-body); } } - - &.directorist-single-info-picker .directorist-field-type-color{ - width: 30px; - height: 30px; - border-radius: 5px; - } @media screen and (max-width: 575px) { .directorist-single-info-socials .directorist-single-info__label { From ff5e9914c0536b601c655840d26bf3ef68cc724e Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Wed, 11 Oct 2023 16:31:03 +0600 Subject: [PATCH 024/127] LWM Code Removed from Core --- assets/css/all-listings.css | 272 ---------------- assets/css/all-listings.rtl.css | 272 ---------------- assets/css/public-main.css | 272 ---------------- assets/css/public-main.rtl.css | 272 ---------------- assets/js/search-form.js | 9 - assets/src/js/public/search-form.js | 8 - .../src/scss/component/_listing-with-map.scss | 306 ------------------ assets/src/scss/layout/public/main-style.scss | 1 - 8 files changed, 1412 deletions(-) delete mode 100644 assets/src/scss/component/_listing-with-map.scss diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 317dfb64d3..d0a4dd0ad6 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -7429,278 +7429,6 @@ p.atbd-min { display: none; } -.directorist-type-nav--listings-map { - -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -} -.directorist-type-nav--listings-map .directorist-type-nav__link { - padding: 23px 0; -} - -.directorist-map-wrapper .directorist-map-search { - border: none; - border-radius: 0; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); -} -.directorist-map-wrapper .directorist-map-search form { - padding-bottom: 0; -} -.directorist-map-wrapper .directorist-map-search #directorist-search-area { - padding: 25px 30px; - margin: 0; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-map-wrapper .directorist-map-search .directorist-advanced-filter__action { - margin: 0 -30px; - padding: 25px 30px 75px; - border-top: 1px solid var(--directorist-color-light); -} -.directorist-map-wrapper .directorist-map-search .directorist-form-group .directorist-form-element, -.directorist-map-wrapper .directorist-map-search .directorist-search-field-review .directorist-select .directorist-select__label { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-btn-submit { - width: 100%; -} -.directorist-map-wrapper .directorist-map-search .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 10px; - text-align: center; - text-transform: none; - text-decoration: none; - background-color: var(--directorist-color-light); - cursor: pointer; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field > label:not(.directorist-search-field__label) { - font-size: 15px; - font-weight: 500; - margin: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-search-field-radius_search > label { - margin-bottom: 15px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags { - gap: 20px; - margin: 10px 0 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags .directorist-checkbox { - margin: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__item .directorist-form-element { - padding: 0; - padding-bottom: 1px; - -webkit-padding-start: 41px; - padding-inline-start: 41px; - -webkit-padding-end: 15px; - padding-inline-end: 15px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn .directorist-pf-range { - color: var(--directorist-color-dark); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio] { - display: none; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio] { - display: none; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__input { - padding-left: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn { - position: absolute; - bottom: 10px; - cursor: pointer; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear { - right: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - opacity: 0; - visibility: hidden; - background-color: #BCBCBC; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - font-weight: 500; - color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 3px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 25px; - bottom: 8px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-right .directorist-input-icon { - right: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-left .directorist-input-icon { - left: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing { - padding: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing .directorist-container-fluid { - padding: 0 35px; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting .directorist-icon-mask:after { - width: 35px; - height: 35px; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting h3 { - margin: 0 0 15px; - font-weight: 600; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting p { - margin: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-map .directorist-container-fluid { - padding: 0 !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper { - padding-bottom: 40px; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-header-bar { - margin: 0; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header { - padding: 30px 0 20px; - background: transparent; - border: none; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-generic-header__title h3 { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__toggle { - padding: 0 20px; - border: none !important; - color: var(--directorist-color-body) !important; - background-color: var(--directorist-color-light) !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__links a { - border-radius: 8px; -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - margin-top: 25px !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers { - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 10px; - margin: 0; - background-color: transparent; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-border); -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers.current, .directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers:hover { - background-color: transparent !important; - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing, -.directorist-map-wrapper .directorist-ajax-search-result .directorist-listing { - background: transparent; - border-radius: 0; -} -.directorist-map-wrapper .directorist-res-btns .directorist-res-btn .directorist-icon-mask:after { - margin: 0 auto; -} - .directorist-dropdown { position: relative; } diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index c4f6a0d018..caaea02b6f 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -7429,278 +7429,6 @@ p.atbd-min { display: none; } -.directorist-type-nav--listings-map { - -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -} -.directorist-type-nav--listings-map .directorist-type-nav__link { - padding: 23px 0; -} - -.directorist-map-wrapper .directorist-map-search { - border: none; - border-radius: 0; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); -} -.directorist-map-wrapper .directorist-map-search form { - padding-bottom: 0; -} -.directorist-map-wrapper .directorist-map-search #directorist-search-area { - padding: 25px 30px; - margin: 0; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-map-wrapper .directorist-map-search .directorist-advanced-filter__action { - margin: 0 -30px; - padding: 25px 30px 75px; - border-top: 1px solid var(--directorist-color-light); -} -.directorist-map-wrapper .directorist-map-search .directorist-form-group .directorist-form-element, -.directorist-map-wrapper .directorist-map-search .directorist-search-field-review .directorist-select .directorist-select__label { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-btn-submit { - width: 100%; -} -.directorist-map-wrapper .directorist-map-search .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 10px; - text-align: center; - text-transform: none; - text-decoration: none; - background-color: var(--directorist-color-light); - cursor: pointer; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field > label:not(.directorist-search-field__label) { - font-size: 15px; - font-weight: 500; - margin: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-search-field-radius_search > label { - margin-bottom: 15px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags { - gap: 20px; - margin: 10px 0 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags .directorist-checkbox { - margin: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__item .directorist-form-element { - padding: 0; - padding-bottom: 1px; - -webkit-padding-start: 41px; - padding-inline-start: 41px; - -webkit-padding-end: 15px; - padding-inline-end: 15px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn .directorist-pf-range { - color: var(--directorist-color-dark); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio] { - display: none; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio] { - display: none; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__input { - padding-right: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn { - position: absolute; - bottom: 10px; - cursor: pointer; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear { - left: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - opacity: 0; - visibility: hidden; - background-color: #BCBCBC; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - font-weight: 500; - color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 3px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - bottom: 8px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-right .directorist-input-icon { - left: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-left .directorist-input-icon { - right: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing { - padding: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing .directorist-container-fluid { - padding: 0 35px; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting .directorist-icon-mask:after { - width: 35px; - height: 35px; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting h3 { - margin: 0 0 15px; - font-weight: 600; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting p { - margin: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-map .directorist-container-fluid { - padding: 0 !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper { - padding-bottom: 40px; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-header-bar { - margin: 0; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header { - padding: 30px 0 20px; - background: transparent; - border: none; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-generic-header__title h3 { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__toggle { - padding: 0 20px; - border: none !important; - color: var(--directorist-color-body) !important; - background-color: var(--directorist-color-light) !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__links a { - border-radius: 8px; -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - margin-top: 25px !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers { - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 10px; - margin: 0; - background-color: transparent; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-border); -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers.current, .directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers:hover { - background-color: transparent !important; - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing, -.directorist-map-wrapper .directorist-ajax-search-result .directorist-listing { - background: transparent; - border-radius: 0; -} -.directorist-map-wrapper .directorist-res-btns .directorist-res-btn .directorist-icon-mask:after { - margin: 0 auto; -} - .directorist-dropdown { position: relative; } diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 78c52acc1b..093e3a0e40 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -7429,278 +7429,6 @@ p.atbd-min { display: none; } -.directorist-type-nav--listings-map { - -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -} -.directorist-type-nav--listings-map .directorist-type-nav__link { - padding: 23px 0; -} - -.directorist-map-wrapper .directorist-map-search { - border: none; - border-radius: 0; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); -} -.directorist-map-wrapper .directorist-map-search form { - padding-bottom: 0; -} -.directorist-map-wrapper .directorist-map-search #directorist-search-area { - padding: 25px 30px; - margin: 0; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-map-wrapper .directorist-map-search .directorist-advanced-filter__action { - margin: 0 -30px; - padding: 25px 30px 75px; - border-top: 1px solid var(--directorist-color-light); -} -.directorist-map-wrapper .directorist-map-search .directorist-form-group .directorist-form-element, -.directorist-map-wrapper .directorist-map-search .directorist-search-field-review .directorist-select .directorist-select__label { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-btn-submit { - width: 100%; -} -.directorist-map-wrapper .directorist-map-search .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 10px; - text-align: center; - text-transform: none; - text-decoration: none; - background-color: var(--directorist-color-light); - cursor: pointer; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field > label:not(.directorist-search-field__label) { - font-size: 15px; - font-weight: 500; - margin: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-search-field-radius_search > label { - margin-bottom: 15px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags { - gap: 20px; - margin: 10px 0 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags .directorist-checkbox { - margin: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__item .directorist-form-element { - padding: 0; - padding-bottom: 1px; - -webkit-padding-start: 41px; - padding-inline-start: 41px; - -webkit-padding-end: 15px; - padding-inline-end: 15px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn .directorist-pf-range { - color: var(--directorist-color-dark); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio] { - display: none; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio] { - display: none; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__input { - padding-left: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn { - position: absolute; - bottom: 10px; - cursor: pointer; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear { - right: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - opacity: 0; - visibility: hidden; - background-color: #BCBCBC; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - font-weight: 500; - color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 3px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 25px; - bottom: 8px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-right .directorist-input-icon { - right: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-left .directorist-input-icon { - left: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing { - padding: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing .directorist-container-fluid { - padding: 0 35px; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting .directorist-icon-mask:after { - width: 35px; - height: 35px; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting h3 { - margin: 0 0 15px; - font-weight: 600; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting p { - margin: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-map .directorist-container-fluid { - padding: 0 !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper { - padding-bottom: 40px; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-header-bar { - margin: 0; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header { - padding: 30px 0 20px; - background: transparent; - border: none; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-generic-header__title h3 { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__toggle { - padding: 0 20px; - border: none !important; - color: var(--directorist-color-body) !important; - background-color: var(--directorist-color-light) !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__links a { - border-radius: 8px; -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - margin-top: 25px !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers { - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 10px; - margin: 0; - background-color: transparent; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-border); -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers.current, .directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers:hover { - background-color: transparent !important; - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing, -.directorist-map-wrapper .directorist-ajax-search-result .directorist-listing { - background: transparent; - border-radius: 0; -} -.directorist-map-wrapper .directorist-res-btns .directorist-res-btn .directorist-icon-mask:after { - margin: 0 auto; -} - .directorist-dropdown { position: relative; } diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index c4f6a0d018..caaea02b6f 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -7429,278 +7429,6 @@ p.atbd-min { display: none; } -.directorist-type-nav--listings-map { - -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -} -.directorist-type-nav--listings-map .directorist-type-nav__link { - padding: 23px 0; -} - -.directorist-map-wrapper .directorist-map-search { - border: none; - border-radius: 0; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); -} -.directorist-map-wrapper .directorist-map-search form { - padding-bottom: 0; -} -.directorist-map-wrapper .directorist-map-search #directorist-search-area { - padding: 25px 30px; - margin: 0; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-map-wrapper .directorist-map-search .directorist-advanced-filter__action { - margin: 0 -30px; - padding: 25px 30px 75px; - border-top: 1px solid var(--directorist-color-light); -} -.directorist-map-wrapper .directorist-map-search .directorist-form-group .directorist-form-element, -.directorist-map-wrapper .directorist-map-search .directorist-search-field-review .directorist-select .directorist-select__label { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-btn-submit { - width: 100%; -} -.directorist-map-wrapper .directorist-map-search .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 10px; - text-align: center; - text-transform: none; - text-decoration: none; - background-color: var(--directorist-color-light); - cursor: pointer; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field > label:not(.directorist-search-field__label) { - font-size: 15px; - font-weight: 500; - margin: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-search-field-radius_search > label { - margin-bottom: 15px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags { - gap: 20px; - margin: 10px 0 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-search-tags .directorist-checkbox { - margin: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__item .directorist-form-element { - padding: 0; - padding-bottom: 1px; - -webkit-padding-start: 41px; - padding-inline-start: 41px; - -webkit-padding-end: 15px; - padding-inline-end: 15px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn .directorist-pf-range { - color: var(--directorist-color-dark); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio] { - display: none; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-price-ranges__price-frequency--btn input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio] { - display: none; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__input { - padding-right: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn { - position: absolute; - bottom: 10px; - cursor: pointer; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear { - left: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - opacity: 0; - visibility: hidden; - background-color: #BCBCBC; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - font-weight: 500; - color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-map-wrapper .directorist-map-search .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 3px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - bottom: 8px; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-map-wrapper .directorist-map-search .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-right .directorist-input-icon { - left: 0; -} -.directorist-map-wrapper .directorist-map-search .directorist-search-field.directorist-icon-left .directorist-input-icon { - right: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing { - padding: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing .directorist-container-fluid { - padding: 0 35px; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting .directorist-icon-mask:after { - width: 35px; - height: 35px; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting h3 { - margin: 0 0 15px; - font-weight: 600; -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing.bdmv-nolisting p { - margin: 0; -} -.directorist-map-wrapper .directorist-map-listing .directorist-map .directorist-container-fluid { - padding: 0 !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper { - padding-bottom: 40px; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-header-bar { - margin: 0; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header { - padding: 30px 0 20px; - background: transparent; - border: none; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-generic-header__title h3 { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__toggle { - padding: 0 20px; - border: none !important; - color: var(--directorist-color-body) !important; - background-color: var(--directorist-color-light) !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist.directorist-wrapper .directorist-generic-header .directorist-dropdown__links a { - border-radius: 8px; -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - margin-top: 25px !important; -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers { - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 10px; - margin: 0; - background-color: transparent; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-border); -} -.directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers.current, .directorist-map-wrapper .directorist-map-listing #directorist .directorist-pagination .nav-links .page-numbers:hover { - background-color: transparent !important; - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-map-wrapper .directorist-map-listing .directorist-listing, -.directorist-map-wrapper .directorist-ajax-search-result .directorist-listing { - background: transparent; - border-radius: 0; -} -.directorist-map-wrapper .directorist-res-btns .directorist-res-btn .directorist-icon-mask:after { - margin: 0 auto; -} - .directorist-dropdown { position: relative; } diff --git a/assets/js/search-form.js b/assets/js/search-form.js index f80ae1ad6c..89e117c6d6 100644 --- a/assets/js/search-form.js +++ b/assets/js/search-form.js @@ -1168,15 +1168,6 @@ __webpack_require__.r(__webpack_exports__); } } - if ($(this).closest('.directorist-map-wrapper')) { - var lwmWrapper = this.closest('.directorist-map-wrapper'); - var lwmSearchFilter = lwmWrapper && lwmWrapper.querySelector('#directorist-search-area-form'); - - if (lwmSearchFilter) { - adsFormReset(lwmSearchFilter); - } - } - if ($(this).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search').length) { Object(_range_slider__WEBPACK_IMPORTED_MODULE_5__["directorist_callingSlider"])(0); } diff --git a/assets/src/js/public/search-form.js b/assets/src/js/public/search-form.js index 43eb045d72..47cc5cbdb3 100644 --- a/assets/src/js/public/search-form.js +++ b/assets/src/js/public/search-form.js @@ -140,14 +140,6 @@ import { directorist_range_slider } from './range-slider'; adsFormReset(advanceSearchFilter); } } - if ($(this).closest('.directorist-map-wrapper')) { - - let lwmWrapper = this.closest('.directorist-map-wrapper'); - let lwmSearchFilter = lwmWrapper && lwmWrapper.querySelector('#directorist-search-area-form'); - if (lwmSearchFilter) { - adsFormReset(lwmSearchFilter); - } - } if($(this).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search').length){ directorist_callingSlider(0); } diff --git a/assets/src/scss/component/_listing-with-map.scss b/assets/src/scss/component/_listing-with-map.scss deleted file mode 100644 index 626616454c..0000000000 --- a/assets/src/scss/component/_listing-with-map.scss +++ /dev/null @@ -1,306 +0,0 @@ -.directorist-type-nav--listings-map { - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - .directorist-type-nav__link { - padding: 23px 0; - } -} - -.directorist-map-wrapper { - - .directorist-map-search { - border: none; - border-radius: 0; - box-shadow: var(--directorist-box-shadow); - form { - padding-bottom: 0; - } - #directorist-search-area { - padding: 25px 30px; - margin: 0; - border-radius: 0; - background: transparent; - box-sizing: border-box; - } - .directorist-advanced-filter__action { - margin: 0 -30px; - padding: 25px 30px 75px; - border-top: 1px solid var(--directorist-color-light); - } - - .directorist-form-group .directorist-form-element, - .directorist-search-field-review .directorist-select .directorist-select__label { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - } - .directorist-btn-submit { - width: 100%; - } - .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 10px; - text-align: center; - text-transform: none; - text-decoration: none; - background-color: var(--directorist-color-light); - cursor: pointer; - } - - .directorist-search-field { - - > label:not(.directorist-search-field__label) { - font-size: 15px; - font-weight: 500; - margin: 0; - } - - &.directorist-search-field-radius_search > label { - margin-bottom: 15px; - } - - .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } - - .directorist-search-tags { - gap: 20px; - margin: 10px 0 0; - flex-wrap: wrap; - flex-direction: column; - .directorist-checkbox { - margin: 0; - } - } - - .directorist-price-ranges__item .directorist-form-element { - padding: 0; - padding-bottom: 1px; - padding-inline-start: 41px; - padding-inline-end: 15px; - } - .directorist-price-ranges__price-frequency--btn { - .directorist-pf-range { - color: var(--directorist-color-dark); - } - input[type="radio"]{ - display: none; - &:checked+.directorist-pf-range{ - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - } - } - } - input[type="radio"]{ - display: none; - &:checked+.directorist-pf-range{ - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - } - } - - @include e(input) { - padding-left: 0; - } - @include e(label) { - position: absolute; - left: 0; - top: 50%; - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - transition: opacity 0.3s ease, top 0.3s ease; - } - @include e(btn) { - position: absolute; - bottom: 10px; - cursor: pointer; - @include m(clear) { - right: 0; - i::after { - width: 16px; - height: 16px; - opacity: 0; - visibility: hidden; - background-color: #BCBCBC; - transition: background-color 0.3s ease; - } - &:hover { - i::after { - background-color: var(--directorist-color-primary); - } - } - } - } - - &.input-is-focused { - .directorist-search-field__input { - &[type="number"] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; - } - } - .directorist-search-field__label { - top: 0; - font-size: 13px; - } - .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; - } - - .directorist-select, - .directorist-search-field__input { - position: relative; - bottom: -5px; - } - .directorist-select { - .directorist-search-field__label { - opacity: 1; - } - } - .directorist-location-js { - padding-right: 45px; - } - - .select2-selection--single .select2-selection__rendered, - .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - font-weight: 500; - color: var(--directorist-color-primary); - } - .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - } - - &.atbdp-form-fade:after, - .directorist-filter-location-icon { - margin-top: 3px; - } - } - - .directorist-select { - .directorist-search-field__label { - opacity: 0; - } - } - .directorist-select, - .directorist-filter-location-icon { - ~ .directorist-search-field__btn--clear { - right: 25px; - bottom: 8px; - } - .directorist-icon-mask:after { - background-color: #808080; - } - } - &.directorist-icon-right { - .directorist-input-icon { - right: 0; - } - } - &.directorist-icon-left { - .directorist-input-icon { - left: 0; - } - } - } - } - .directorist-map-listing { - .directorist-listing { - padding: 0; - .directorist-container-fluid { - padding: 0 35px; - } - - &.bdmv-nolisting { - .directorist-icon-mask:after { - width: 35px; - height: 35px; - } - h3 { - margin: 0 0 15px; - font-weight: 600; - } - p { - margin: 0; - } - } - } - .directorist-map .directorist-container-fluid { - padding: 0 !important; - } - #directorist.directorist-wrapper { - padding-bottom: 40px; - - .directorist-header-bar { - margin: 0; - } - .directorist-generic-header { - padding: 30px 0 20px; - background: transparent; - border: none; - .directorist-generic-header__title h3 { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } - .directorist-dropdown__toggle { - padding: 0 20px; - border: none !important; - color: var(--directorist-color-body) !important; - background-color: var(--directorist-color-light) !important; - } - .directorist-dropdown__links a { - border-radius: 8px; - } - } - } - - #directorist .directorist-pagination { - .nav-links { - display: flex; - gap: 8px; - margin-top: 25px !important; - .page-numbers { - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 10px; - margin: 0; - background-color: transparent; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-border); - &.current, - &:hover { - background-color: transparent !important; - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); - } - } - } - } - - } - - .directorist-map-listing .directorist-listing, - .directorist-ajax-search-result .directorist-listing { - background: transparent; - border-radius: 0; - } - - .directorist-res-btns { - .directorist-res-btn { - .directorist-icon-mask:after { - margin: 0 auto; - } - } - } -} \ No newline at end of file diff --git a/assets/src/scss/layout/public/main-style.scss b/assets/src/scss/layout/public/main-style.scss index 0a9e9e3ee5..f9beeed61f 100644 --- a/assets/src/scss/layout/public/main-style.scss +++ b/assets/src/scss/layout/public/main-style.scss @@ -20,7 +20,6 @@ @import "./../../component/badge"; @import "./../../component/range-slider"; @import "./../../component/listing-slider"; -@import "./../../component/listing-with-map"; @import "./../../component/dropdown"; @import "./../../component/switch"; @import "./../../component/tooltip"; From 52cf1f3650f8fbff13d1f7b27d230461267b599c Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Thu, 12 Oct 2023 11:50:41 +0600 Subject: [PATCH 025/127] Map Code Optimize & Adjust with Elementor Frontend Editmode - Improved --- assets/js/add-listing-google-map.js | 21 +- assets/js/add-listing-openstreet-map.js | 27 +- assets/js/google-map.js | 326 ++++++++++-------- assets/js/openstreet-map.js | 71 +++- assets/js/single-listing-google-map-widget.js | 154 +++++---- assets/js/single-listing-google-map.js | 163 +++++---- .../single-listing-openstreet-map-widget.js | 23 +- assets/js/single-listing-openstreet-map.js | 21 +- .../map-scripts/add-listing/google-map.js | 23 +- .../map-scripts/add-listing/openstreet-map.js | 29 +- .../single-listing/google-map-widget.js | 161 +++++---- .../map-scripts/single-listing/google-map.js | 191 +++++----- .../single-listing/openstreet-map-widget.js | 26 +- .../single-listing/openstreet-map.js | 24 +- 14 files changed, 795 insertions(+), 465 deletions(-) diff --git a/assets/js/add-listing-google-map.js b/assets/js/add-listing-google-map.js index f864094515..5dea96ca51 100644 --- a/assets/js/add-listing-google-map.js +++ b/assets/js/add-listing-google-map.js @@ -100,7 +100,7 @@ __webpack_require__.r(__webpack_exports__); (function ($) { - $(document).ready(function () { + function initAddListingMap() { if ($('#gmap').length) { var localized_data = Object(_lib_helper__WEBPACK_IMPORTED_MODULE_0__["get_dom_data"])('map_data'); // initialize all vars here to avoid hoisting related misunderstanding. @@ -319,6 +319,25 @@ __webpack_require__.r(__webpack_exports__); markers = []; } } + } + + $(document).ready(function () { + initAddListingMap(); + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initAddListingMap(); + } }); })(jQuery); diff --git a/assets/js/add-listing-openstreet-map.js b/assets/js/add-listing-openstreet-map.js index ef4d806adf..19e0655b57 100644 --- a/assets/js/add-listing-openstreet-map.js +++ b/assets/js/add-listing-openstreet-map.js @@ -98,10 +98,9 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../../lib/helper */ "./assets/src/js/lib/helper.js"); /* Add listing OSMap */ -; (function ($) { - $(document).ready(function () { + function initAddListingMap() { var mapData = Object(_lib_helper__WEBPACK_IMPORTED_MODULE_0__["get_dom_data"])('map_data'); // Localized Data var loc_default_latitude = parseFloat(mapData.default_latitude); @@ -317,10 +316,26 @@ __webpack_require__.r(__webpack_exports__); } ; - }); // $('#post').on('submit', function (event) { - // event.preventDefault(); - // return false; - // }); + }); + } + + $(document).ready(function () { + initAddListingMap(); + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initAddListingMap(); + } }); })(jQuery); diff --git a/assets/js/google-map.js b/assets/js/google-map.js index c355e208c0..21adda068b 100644 --- a/assets/js/google-map.js +++ b/assets/js/google-map.js @@ -100,7 +100,7 @@ __webpack_require__.r(__webpack_exports__); (function ($) { - $(document).ready(function () { + function initAddListingMap() { if ($('#gmap').length) { var localized_data = Object(_lib_helper__WEBPACK_IMPORTED_MODULE_0__["get_dom_data"])('map_data'); // initialize all vars here to avoid hoisting related misunderstanding. @@ -319,6 +319,25 @@ __webpack_require__.r(__webpack_exports__); markers = []; } } + } + + $(document).ready(function () { + initAddListingMap(); + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initAddListingMap(); + } }); })(jQuery); @@ -657,10 +676,8 @@ __webpack_require__.r(__webpack_exports__); /***/ (function(module, exports) { /* Widget google map */ -window.addEventListener('DOMContentLoaded', function () { - ; - - (function ($) { +(function ($) { + function initSingleMap() { if ($('#gmap-widget').length) { var MAP_PIN = 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z'; @@ -745,76 +762,78 @@ window.addEventListener('DOMContentLoaded', function () { div.style.display = 'block'; div.style.left = position.x - div.offsetWidth / 2 + 'px'; div.style.top = position.y - div.offsetHeight + 'px'; - }; + }; // initialize all vars here to avoid hoisting related misunderstanding. - $(document).ready(function () { - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng, info_content; // Localized Data - var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; - var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); - var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); - var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); - var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); - var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); - var display_map_info = localized_data_widget.display_map_info; - var cat_icon = localized_data_widget.cat_icon; - var info_content = localized_data_widget.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; // create an info window for map + var map, info_window, saved_lat_lng, info_content; // Localized Data - if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 - /*Add configuration for max width*/ + var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; + var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); + var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); + var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); + var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); + var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); + var display_map_info = localized_data_widget.display_map_info; + var cat_icon = localized_data_widget.cat_icon; + var info_content = localized_data_widget.info_content; + loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng + }; // create an info window for map - }); - } + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 + /*Add configuration for max width*/ - function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(document.getElementById(map_container), { - zoom: loc_map_zoom_level, - center: saved_lat_lng - }); - /*var marker = new google.maps.Marker({ - map: map, - position: saved_lat_lng - });*/ + }); + } - var marker = new Marker({ - position: saved_lat_lng, + function initMap() { + console.log('initMap'); + /* Create new map instance*/ + + map = new google.maps.Map(document.getElementById(map_container), { + zoom: loc_map_zoom_level, + center: saved_lat_lng + }); + /*var marker = new google.maps.Marker({ map: map, - icon: { - path: MAP_PIN, - fillColor: 'transparent', - fillOpacity: 1, - strokeColor: '', - strokeWeight: 0 - }, - map_icon_label: '
' + cat_icon + '
' - }); + position: saved_lat_lng + });*/ - if (display_map_info) { - marker.addListener('click', function () { - info_window.open(map, marker); - }); - google.maps.event.addListener(info_window, 'domready', function () { - var closeBtn = $('.iw-close-btn').get(); - google.maps.event.addDomListener(closeBtn[0], 'click', function () { - info_window.close(); - }); + var marker = new Marker({ + position: saved_lat_lng, + map: map, + icon: { + path: MAP_PIN, + fillColor: 'transparent', + fillOpacity: 1, + strokeColor: '', + strokeWeight: 0 + }, + map_icon_label: '
' + cat_icon + '
' + }); + + if (display_map_info) { + marker.addListener('click', function () { + info_window.open(map, marker); + }); + google.maps.event.addListener(info_window, 'domready', function () { + var closeBtn = $('.iw-close-btn').get(); + google.maps.event.addDomListener(closeBtn[0], 'click', function () { + info_window.close(); }); - } + }); } + } + $(document).ready(function () { initMap(); //Convert address tags to google map links - $('address').each(function () { @@ -823,8 +842,26 @@ window.addEventListener('DOMContentLoaded', function () { }); }); } - })(jQuery); -}); + } + + $(document).ready(function () {// initSingleMap() + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initSingleMap(); + } + }); +})(jQuery); /***/ }), @@ -836,10 +873,8 @@ window.addEventListener('DOMContentLoaded', function () { /***/ (function(module, exports) { /* Single listing google map */ -window.addEventListener('DOMContentLoaded', function () { - ; - - (function ($) { +(function ($) { + function initSingleMap() { if ($('.directorist-single-map').length) { document.querySelectorAll('.directorist-single-map').forEach(function (mapElm) { var MAP_PIN = 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z'; @@ -925,87 +960,104 @@ window.addEventListener('DOMContentLoaded', function () { div.style.display = 'block'; div.style.left = position.x - div.offsetWidth / 2 + 'px'; div.style.top = position.y - div.offsetHeight + 'px'; - }; + }; // initialize all vars here to avoid hoisting related misunderstanding. - $(document).ready(function () { - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng, info_content; // Localized Data - - var mapData = JSON.parse(mapElm.getAttribute('data-map')); - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var display_map_info = mapData.display_map_info; - var cat_icon = mapData.cat_icon; - var info_content = mapData.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; // create an info window for map - if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 - /*Add configuration for max width*/ + var map, info_window, saved_lat_lng, info_content; // Localized Data - }); - } + var mapData = JSON.parse(mapElm.getAttribute('data-map')); + var loc_default_latitude = parseFloat(mapData.default_latitude); + var loc_default_longitude = parseFloat(mapData.default_longitude); + var loc_manual_lat = parseFloat(mapData.manual_lat); + var loc_manual_lng = parseFloat(mapData.manual_lng); + var loc_map_zoom_level = parseInt(mapData.map_zoom_level); + var display_map_info = mapData.display_map_info; + var cat_icon = mapData.cat_icon; + var info_content = mapData.info_content; + loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng + }; // create an info window for map - function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(mapElm, { - zoom: loc_map_zoom_level, - center: saved_lat_lng - }); - /*var marker = new google.maps.Marker({ - map: map, - position: saved_lat_lng - });*/ + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 + /*Add configuration for max width*/ + + }); + } - var marker = new Marker({ - position: saved_lat_lng, + function initMap() { + /* Create new map instance*/ + map = new google.maps.Map(mapElm, { + zoom: loc_map_zoom_level, + center: saved_lat_lng + }); + /*var marker = new google.maps.Marker({ map: map, - icon: { - path: MAP_PIN, - fillColor: 'transparent', - fillOpacity: 1, - strokeColor: '', - strokeWeight: 0 - }, - map_icon_label: "
".concat(cat_icon, "
") - }); + position: saved_lat_lng + });*/ - if (display_map_info) { - marker.addListener('click', function () { - info_window.open(map, marker); - }); - google.maps.event.addListener(info_window, 'domready', function () { - var closeBtn = $('.iw-close-btn').get(); - google.maps.event.addDomListener(closeBtn[0], 'click', function () { - info_window.close(); - }); + var marker = new Marker({ + position: saved_lat_lng, + map: map, + icon: { + path: MAP_PIN, + fillColor: 'transparent', + fillOpacity: 1, + strokeColor: '', + strokeWeight: 0 + }, + map_icon_label: "
".concat(cat_icon, "
") + }); + + if (display_map_info) { + marker.addListener('click', function () { + info_window.open(map, marker); + }); + google.maps.event.addListener(info_window, 'domready', function () { + var closeBtn = $('.iw-close-btn').get(); + google.maps.event.addDomListener(closeBtn[0], 'click', function () { + info_window.close(); }); - } + }); } + } - initMap(); //Convert address tags to google map links - + initMap(); //Convert address tags to google map links - - $('address').each(function () { - var link = "" + $(this).text() + ""; - $(this).html(link); - }); + $('address').each(function () { + var link = "" + $(this).text() + ""; + $(this).html(link); }); }); } - })(jQuery); -}); + } + + $(document).ready(function () { + initSingleMap(); + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initSingleMap(); + } + }); +})(jQuery); /***/ }), diff --git a/assets/js/openstreet-map.js b/assets/js/openstreet-map.js index 1d5baaf276..4a5ed2a873 100644 --- a/assets/js/openstreet-map.js +++ b/assets/js/openstreet-map.js @@ -98,10 +98,9 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../../lib/helper */ "./assets/src/js/lib/helper.js"); /* Add listing OSMap */ -; (function ($) { - $(document).ready(function () { + function initAddListingMap() { var mapData = Object(_lib_helper__WEBPACK_IMPORTED_MODULE_0__["get_dom_data"])('map_data'); // Localized Data var loc_default_latitude = parseFloat(mapData.default_latitude); @@ -317,10 +316,26 @@ __webpack_require__.r(__webpack_exports__); } ; - }); // $('#post').on('submit', function (event) { - // event.preventDefault(); - // return false; - // }); + }); + } + + $(document).ready(function () { + initAddListingMap(); + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initAddListingMap(); + } }); })(jQuery); @@ -469,10 +484,8 @@ __webpack_require__.r(__webpack_exports__); /***/ (function(module, exports) { /* Widget OSMap */ -; - (function ($) { - jQuery(document).ready(function () { + function initSingleMap() { // Localized Data if ($('#gmap-widget').length) { var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; @@ -521,6 +534,25 @@ __webpack_require__.r(__webpack_exports__); mapLeaflet(loc_manual_lat, loc_manual_lng); } + } + + jQuery(document).ready(function () { + initSingleMap(); + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initSingleMap(); + } }); })(jQuery); @@ -535,7 +567,7 @@ __webpack_require__.r(__webpack_exports__); /* Single listing OSMap */ (function ($) { - jQuery(document).ready(function () { + function initSingleMap() { // Localized Data if ($('.directorist-single-map').length) { document.querySelectorAll('.directorist-single-map').forEach(function (mapElm) { @@ -585,6 +617,25 @@ __webpack_require__.r(__webpack_exports__); mapLeaflet(loc_manual_lat, loc_manual_lng); }); } + } + + jQuery(document).ready(function () { + initSingleMap(); + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initSingleMap(); + } }); })(jQuery); diff --git a/assets/js/single-listing-google-map-widget.js b/assets/js/single-listing-google-map-widget.js index 0634c6972d..7aed192648 100644 --- a/assets/js/single-listing-google-map-widget.js +++ b/assets/js/single-listing-google-map-widget.js @@ -94,10 +94,8 @@ /***/ (function(module, exports) { /* Widget google map */ -window.addEventListener('DOMContentLoaded', function () { - ; - - (function ($) { +(function ($) { + function initSingleMap() { if ($('#gmap-widget').length) { var MAP_PIN = 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z'; @@ -182,76 +180,78 @@ window.addEventListener('DOMContentLoaded', function () { div.style.display = 'block'; div.style.left = position.x - div.offsetWidth / 2 + 'px'; div.style.top = position.y - div.offsetHeight + 'px'; - }; - - $(document).ready(function () { - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng, info_content; // Localized Data - - var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; - var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); - var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); - var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); - var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); - var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); - var display_map_info = localized_data_widget.display_map_info; - var cat_icon = localized_data_widget.cat_icon; - var info_content = localized_data_widget.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; // create an info window for map - - if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 - /*Add configuration for max width*/ + }; // initialize all vars here to avoid hoisting related misunderstanding. + + + var map, info_window, saved_lat_lng, info_content; // Localized Data + + var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; + var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); + var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); + var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); + var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); + var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); + var display_map_info = localized_data_widget.display_map_info; + var cat_icon = localized_data_widget.cat_icon; + var info_content = localized_data_widget.info_content; + loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng + }; // create an info window for map + + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 + /*Add configuration for max width*/ - }); - } + }); + } - function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(document.getElementById(map_container), { - zoom: loc_map_zoom_level, - center: saved_lat_lng - }); - /*var marker = new google.maps.Marker({ - map: map, - position: saved_lat_lng - });*/ + function initMap() { + console.log('initMap'); + /* Create new map instance*/ - var marker = new Marker({ - position: saved_lat_lng, + map = new google.maps.Map(document.getElementById(map_container), { + zoom: loc_map_zoom_level, + center: saved_lat_lng + }); + /*var marker = new google.maps.Marker({ map: map, - icon: { - path: MAP_PIN, - fillColor: 'transparent', - fillOpacity: 1, - strokeColor: '', - strokeWeight: 0 - }, - map_icon_label: '
' + cat_icon + '
' - }); + position: saved_lat_lng + });*/ + + var marker = new Marker({ + position: saved_lat_lng, + map: map, + icon: { + path: MAP_PIN, + fillColor: 'transparent', + fillOpacity: 1, + strokeColor: '', + strokeWeight: 0 + }, + map_icon_label: '
' + cat_icon + '
' + }); - if (display_map_info) { - marker.addListener('click', function () { - info_window.open(map, marker); - }); - google.maps.event.addListener(info_window, 'domready', function () { - var closeBtn = $('.iw-close-btn').get(); - google.maps.event.addDomListener(closeBtn[0], 'click', function () { - info_window.close(); - }); + if (display_map_info) { + marker.addListener('click', function () { + info_window.open(map, marker); + }); + google.maps.event.addListener(info_window, 'domready', function () { + var closeBtn = $('.iw-close-btn').get(); + google.maps.event.addDomListener(closeBtn[0], 'click', function () { + info_window.close(); }); - } + }); } + } + $(document).ready(function () { initMap(); //Convert address tags to google map links - $('address').each(function () { @@ -260,8 +260,26 @@ window.addEventListener('DOMContentLoaded', function () { }); }); } - })(jQuery); -}); + } + + $(document).ready(function () {// initSingleMap() + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initSingleMap(); + } + }); +})(jQuery); /***/ }), diff --git a/assets/js/single-listing-google-map.js b/assets/js/single-listing-google-map.js index 843b86a86a..4250e893f1 100644 --- a/assets/js/single-listing-google-map.js +++ b/assets/js/single-listing-google-map.js @@ -94,10 +94,8 @@ /***/ (function(module, exports) { /* Single listing google map */ -window.addEventListener('DOMContentLoaded', function () { - ; - - (function ($) { +(function ($) { + function initSingleMap() { if ($('.directorist-single-map').length) { document.querySelectorAll('.directorist-single-map').forEach(function (mapElm) { var MAP_PIN = 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z'; @@ -183,87 +181,104 @@ window.addEventListener('DOMContentLoaded', function () { div.style.display = 'block'; div.style.left = position.x - div.offsetWidth / 2 + 'px'; div.style.top = position.y - div.offsetHeight + 'px'; - }; - - $(document).ready(function () { - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng, info_content; // Localized Data - - var mapData = JSON.parse(mapElm.getAttribute('data-map')); - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var display_map_info = mapData.display_map_info; - var cat_icon = mapData.cat_icon; - var info_content = mapData.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; // create an info window for map - - if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 - /*Add configuration for max width*/ + }; // initialize all vars here to avoid hoisting related misunderstanding. + + + var map, info_window, saved_lat_lng, info_content; // Localized Data + + var mapData = JSON.parse(mapElm.getAttribute('data-map')); + var loc_default_latitude = parseFloat(mapData.default_latitude); + var loc_default_longitude = parseFloat(mapData.default_longitude); + var loc_manual_lat = parseFloat(mapData.manual_lat); + var loc_manual_lng = parseFloat(mapData.manual_lng); + var loc_map_zoom_level = parseInt(mapData.map_zoom_level); + var display_map_info = mapData.display_map_info; + var cat_icon = mapData.cat_icon; + var info_content = mapData.info_content; + loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng + }; // create an info window for map + + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 + /*Add configuration for max width*/ - }); - } - - function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(mapElm, { - zoom: loc_map_zoom_level, - center: saved_lat_lng - }); - /*var marker = new google.maps.Marker({ - map: map, - position: saved_lat_lng - });*/ + }); + } - var marker = new Marker({ - position: saved_lat_lng, + function initMap() { + /* Create new map instance*/ + map = new google.maps.Map(mapElm, { + zoom: loc_map_zoom_level, + center: saved_lat_lng + }); + /*var marker = new google.maps.Marker({ map: map, - icon: { - path: MAP_PIN, - fillColor: 'transparent', - fillOpacity: 1, - strokeColor: '', - strokeWeight: 0 - }, - map_icon_label: "
".concat(cat_icon, "
") - }); + position: saved_lat_lng + });*/ + + var marker = new Marker({ + position: saved_lat_lng, + map: map, + icon: { + path: MAP_PIN, + fillColor: 'transparent', + fillOpacity: 1, + strokeColor: '', + strokeWeight: 0 + }, + map_icon_label: "
".concat(cat_icon, "
") + }); - if (display_map_info) { - marker.addListener('click', function () { - info_window.open(map, marker); - }); - google.maps.event.addListener(info_window, 'domready', function () { - var closeBtn = $('.iw-close-btn').get(); - google.maps.event.addDomListener(closeBtn[0], 'click', function () { - info_window.close(); - }); + if (display_map_info) { + marker.addListener('click', function () { + info_window.open(map, marker); + }); + google.maps.event.addListener(info_window, 'domready', function () { + var closeBtn = $('.iw-close-btn').get(); + google.maps.event.addDomListener(closeBtn[0], 'click', function () { + info_window.close(); }); - } + }); } + } - initMap(); //Convert address tags to google map links - + initMap(); //Convert address tags to google map links - - $('address').each(function () { - var link = "" + $(this).text() + ""; - $(this).html(link); - }); + $('address').each(function () { + var link = "" + $(this).text() + ""; + $(this).html(link); }); }); } - })(jQuery); -}); + } + + $(document).ready(function () { + initSingleMap(); + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initSingleMap(); + } + }); +})(jQuery); /***/ }), diff --git a/assets/js/single-listing-openstreet-map-widget.js b/assets/js/single-listing-openstreet-map-widget.js index 5bc6b1c0a7..a7aec862be 100644 --- a/assets/js/single-listing-openstreet-map-widget.js +++ b/assets/js/single-listing-openstreet-map-widget.js @@ -94,10 +94,8 @@ /***/ (function(module, exports) { /* Widget OSMap */ -; - (function ($) { - jQuery(document).ready(function () { + function initSingleMap() { // Localized Data if ($('#gmap-widget').length) { var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; @@ -146,6 +144,25 @@ mapLeaflet(loc_manual_lat, loc_manual_lng); } + } + + jQuery(document).ready(function () { + initSingleMap(); + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initSingleMap(); + } }); })(jQuery); diff --git a/assets/js/single-listing-openstreet-map.js b/assets/js/single-listing-openstreet-map.js index 93c478d655..ed66942df2 100644 --- a/assets/js/single-listing-openstreet-map.js +++ b/assets/js/single-listing-openstreet-map.js @@ -95,7 +95,7 @@ /* Single listing OSMap */ (function ($) { - jQuery(document).ready(function () { + function initSingleMap() { // Localized Data if ($('.directorist-single-map').length) { document.querySelectorAll('.directorist-single-map').forEach(function (mapElm) { @@ -145,6 +145,25 @@ mapLeaflet(loc_manual_lat, loc_manual_lng); }); } + } + + jQuery(document).ready(function () { + initSingleMap(); + }); + /* Elementor Edit Mode */ + + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); // Elementor EditMode + + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { + initSingleMap(); + } }); })(jQuery); diff --git a/assets/src/js/global/map-scripts/add-listing/google-map.js b/assets/src/js/global/map-scripts/add-listing/google-map.js index 8c3d80cd15..d5bbd9ee2e 100644 --- a/assets/src/js/global/map-scripts/add-listing/google-map.js +++ b/assets/src/js/global/map-scripts/add-listing/google-map.js @@ -5,7 +5,7 @@ import { } from './../../../lib/helper'; (function ($) { - $(document).ready(function () { + function initAddListingMap() { if ($('#gmap').length) { var localized_data = get_dom_data('map_data'); @@ -243,5 +243,26 @@ import { markers = []; } } + } + $(document).ready(function () { + initAddListingMap() + }); + + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function() { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap() + } + }, 3000); + + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && (e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON')) { + initAddListingMap() + } }); })(jQuery); \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/add-listing/openstreet-map.js b/assets/src/js/global/map-scripts/add-listing/openstreet-map.js index 1fc025acbf..aae795124d 100644 --- a/assets/src/js/global/map-scripts/add-listing/openstreet-map.js +++ b/assets/src/js/global/map-scripts/add-listing/openstreet-map.js @@ -4,9 +4,8 @@ import { get_dom_data } from './../../../lib/helper'; -; (function ($) { - $(document).ready(function () { + function initAddListingMap() { var mapData = get_dom_data('map_data'); // Localized Data @@ -236,10 +235,28 @@ import { }; }); + } - // $('#post').on('submit', function (event) { - // event.preventDefault(); - // return false; - // }); + $(document).ready(function () { + initAddListingMap() }); + + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function() { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap() + } + }, 3000); + + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && (e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON')) { + initAddListingMap() + } + }); + })(jQuery); \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/single-listing/google-map-widget.js b/assets/src/js/global/map-scripts/single-listing/google-map-widget.js index cb3e9a052c..09f31cd245 100644 --- a/assets/src/js/global/map-scripts/single-listing/google-map-widget.js +++ b/assets/src/js/global/map-scripts/single-listing/google-map-widget.js @@ -1,8 +1,7 @@ /* Widget google map */ -window.addEventListener('DOMContentLoaded', () => { - ; - (function ($) { +(function ($) { + function initSingleMap() { if ($('#gmap-widget').length) { var MAP_PIN = 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z'; @@ -94,76 +93,78 @@ window.addEventListener('DOMContentLoaded', () => { div.style.top = (position.y - div.offsetHeight) + 'px'; }; + // initialize all vars here to avoid hoisting related misunderstanding. + var map, info_window, saved_lat_lng, info_content; + + // Localized Data + var map_container = (localized_data_widget.map_container_id) ? localized_data_widget.map_container_id : 'gmap'; + var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); + var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); + var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); + var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); + var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); + var display_map_info = localized_data_widget.display_map_info; + var cat_icon = localized_data_widget.cat_icon; + var info_content = localized_data_widget.info_content; + + loc_manual_lat = (isNaN(loc_manual_lat)) ? loc_default_latitude : loc_manual_lat; + loc_manual_lng = (isNaN(loc_manual_lng)) ? loc_default_longitude : loc_manual_lng; + + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + + // create an info window for map + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 /*Add configuration for max width*/ + }); + } + + function initMap() { + console.log('initMap'); + /* Create new map instance*/ + map = new google.maps.Map(document.getElementById(map_container), { + zoom: loc_map_zoom_level, + center: saved_lat_lng + }); + /*var marker = new google.maps.Marker({ + map: map, + position: saved_lat_lng + });*/ + var marker = new Marker({ + position: saved_lat_lng, + map: map, + icon: { + path: MAP_PIN, + fillColor: 'transparent', + fillOpacity: 1, + strokeColor: '', + strokeWeight: 0 + }, + map_icon_label: '
' + cat_icon + '
' + }); - $(document).ready(function () { - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng, info_content; - - // Localized Data - var map_container = (localized_data_widget.map_container_id) ? localized_data_widget.map_container_id : 'gmap'; - var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); - var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); - var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); - var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); - var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); - var display_map_info = localized_data_widget.display_map_info; - var cat_icon = localized_data_widget.cat_icon; - var info_content = localized_data_widget.info_content; - - loc_manual_lat = (isNaN(loc_manual_lat)) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = (isNaN(loc_manual_lng)) ? loc_default_longitude : loc_manual_lng; - - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng, - }; - - // create an info window for map if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 /*Add configuration for max width*/ + marker.addListener('click', function () { + info_window.open(map, marker); + }); + google.maps.event.addListener(info_window, 'domready', function () { + var closeBtn = $('.iw-close-btn').get(); + google.maps.event.addDomListener(closeBtn[0], 'click', function () { + info_window.close(); + }); }); } + } - function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(document.getElementById(map_container), { - zoom: loc_map_zoom_level, - center: saved_lat_lng - }); - /*var marker = new google.maps.Marker({ - map: map, - position: saved_lat_lng - });*/ - var marker = new Marker({ - position: saved_lat_lng, - map: map, - icon: { - path: MAP_PIN, - fillColor: 'transparent', - fillOpacity: 1, - strokeColor: '', - strokeWeight: 0 - }, - map_icon_label: '
' + cat_icon + '
' - }); - if (display_map_info) { - marker.addListener('click', function () { - info_window.open(map, marker); - }); - google.maps.event.addListener(info_window, 'domready', function () { - var closeBtn = $('.iw-close-btn').get(); - google.maps.event.addDomListener(closeBtn[0], 'click', function () { - info_window.close(); - }); - }); - } - } + $(document).ready(function () { initMap(); //Convert address tags to google map links - @@ -173,5 +174,27 @@ window.addEventListener('DOMContentLoaded', () => { }); }); } - })(jQuery); -}) \ No newline at end of file + } + + $(document).ready(function () { + // initSingleMap() + }) + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function() { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap() + } + }, 3000); + + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && (e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON')) { + initSingleMap() + } + }); + +})(jQuery); diff --git a/assets/src/js/global/map-scripts/single-listing/google-map.js b/assets/src/js/global/map-scripts/single-listing/google-map.js index 0923d2b086..6536c488ce 100644 --- a/assets/src/js/global/map-scripts/single-listing/google-map.js +++ b/assets/src/js/global/map-scripts/single-listing/google-map.js @@ -1,12 +1,11 @@ /* Single listing google map */ -window.addEventListener('DOMContentLoaded', () => { - ; - (function ($) { +(function ($) { + function initSingleMap() { if ($('.directorist-single-map').length) { document.querySelectorAll('.directorist-single-map').forEach(mapElm => { var MAP_PIN = 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z'; - + var inherits = function (childCtor, parentCtor) { /** @constructor */ function tempCtor() {} @@ -15,7 +14,7 @@ window.addEventListener('DOMContentLoaded', () => { childCtor.prototype = new tempCtor(); childCtor.prototype.constructor = childCtor; }; - + function Marker(options) { google.maps.Marker.apply(this, arguments); if (options.map_icon_label) { @@ -27,35 +26,35 @@ window.addEventListener('DOMContentLoaded', () => { this.MarkerLabel.bindTo('position', this, 'position'); } } - + // Apply the inheritance inherits(Marker, google.maps.Marker); - + // Custom Marker SetMap Marker.prototype.setMap = function () { google.maps.Marker.prototype.setMap.apply(this, arguments); (this.MarkerLabel) && this.MarkerLabel.setMap.apply(this.MarkerLabel, arguments); }; - + // Marker Label Overlay var MarkerLabel = function (options) { var self = this; this.setValues(options); - + // Create the label container this.div = document.createElement('div'); this.div.className = 'map-icon-label'; - + // Trigger the marker click handler if clicking on the label google.maps.event.addDomListener(this.div, 'click', function (e) { (e.stopPropagation) && e.stopPropagation(); google.maps.event.trigger(self.marker, 'click'); }); }; - + // Create MarkerLabel Object MarkerLabel.prototype = new google.maps.OverlayView; - + // Marker Label onAdd MarkerLabel.prototype.onAdd = function () { var pane = this.getPanes().overlayImage.appendChild(this.div); @@ -72,7 +71,7 @@ window.addEventListener('DOMContentLoaded', () => { }) ]; }; - + // Marker Label onRemove MarkerLabel.prototype.onRemove = function () { this.div.parentNode.removeChild(this.div); @@ -80,7 +79,7 @@ window.addEventListener('DOMContentLoaded', () => { google.maps.event.removeListener(this.listeners[i]); } }; - + // Implement draw MarkerLabel.prototype.draw = function () { var projection = this.getProjection(); @@ -93,86 +92,106 @@ window.addEventListener('DOMContentLoaded', () => { div.style.left = (position.x - (div.offsetWidth / 2)) + 'px'; div.style.top = (position.y - div.offsetHeight) + 'px'; }; + + // initialize all vars here to avoid hoisting related misunderstanding. + var map, info_window, saved_lat_lng, info_content; + + // Localized Data + let mapData = JSON.parse(mapElm.getAttribute('data-map')); + var loc_default_latitude = parseFloat(mapData.default_latitude); + var loc_default_longitude = parseFloat(mapData.default_longitude); + var loc_manual_lat = parseFloat(mapData.manual_lat); + var loc_manual_lng = parseFloat(mapData.manual_lng); + var loc_map_zoom_level = parseInt(mapData.map_zoom_level); + var display_map_info = mapData.display_map_info; + var cat_icon = mapData.cat_icon; + var info_content = mapData.info_content; + + loc_manual_lat = (isNaN(loc_manual_lat)) ? loc_default_latitude : loc_manual_lat; + loc_manual_lng = (isNaN(loc_manual_lng)) ? loc_default_longitude : loc_manual_lng; + + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + // create an info window for map + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 /*Add configuration for max width*/ + }); + } - $(document).ready(function () { - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng, info_content; - - // Localized Data - let mapData = JSON.parse(mapElm.getAttribute('data-map')); - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var display_map_info = mapData.display_map_info; - var cat_icon = mapData.cat_icon; - var info_content = mapData.info_content; - - loc_manual_lat = (isNaN(loc_manual_lat)) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = (isNaN(loc_manual_lng)) ? loc_default_longitude : loc_manual_lng; - - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng, - }; + function initMap() { + /* Create new map instance*/ + map = new google.maps.Map(mapElm, { + zoom: loc_map_zoom_level, + center: saved_lat_lng + }); + /*var marker = new google.maps.Marker({ + map: map, + position: saved_lat_lng + });*/ + var marker = new Marker({ + position: saved_lat_lng, + map: map, + icon: { + path: MAP_PIN, + fillColor: 'transparent', + fillOpacity: 1, + strokeColor: '', + strokeWeight: 0 + }, + map_icon_label: `
${cat_icon}
` + }); - // create an info window for map if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 /*Add configuration for max width*/ - }); - } - - function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(mapElm, { - zoom: loc_map_zoom_level, - center: saved_lat_lng + marker.addListener('click', function () { + info_window.open(map, marker); }); - /*var marker = new google.maps.Marker({ - map: map, - position: saved_lat_lng - });*/ - var marker = new Marker({ - position: saved_lat_lng, - map: map, - icon: { - path: MAP_PIN, - fillColor: 'transparent', - fillOpacity: 1, - strokeColor: '', - strokeWeight: 0 - }, - map_icon_label: `
${cat_icon}
` - }); - - if (display_map_info) { - marker.addListener('click', function () { - info_window.open(map, marker); + google.maps.event.addListener(info_window, 'domready', function () { + var closeBtn = $('.iw-close-btn').get(); + google.maps.event.addDomListener(closeBtn[0], 'click', function () { + info_window.close(); }); - google.maps.event.addListener(info_window, 'domready', function () { - var closeBtn = $('.iw-close-btn').get(); - google.maps.event.addDomListener(closeBtn[0], 'click', function () { - info_window.close(); - }); - }); - } + }); } + } - initMap(); - //Convert address tags to google map links - - $('address').each(function () { - var link = "" + $(this).text() + ""; - $(this).html(link); - }); + initMap(); + //Convert address tags to google map links - + $('address').each(function () { + var link = "" + $(this).text() + ""; + $(this).html(link); }); + }) } - })(jQuery); -}) \ No newline at end of file + } + + $(document).ready(function () { + initSingleMap() + }) + + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function() { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap() + } + }, 3000); + + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && (e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON')) { + initSingleMap() + } + }); +})(jQuery); \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js b/assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js index a6e8d4bdac..b096d21509 100644 --- a/assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js +++ b/assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js @@ -1,8 +1,7 @@ /* Widget OSMap */ -; (function ($) { - jQuery(document).ready(function () { + function initSingleMap() { // Localized Data if ($('#gmap-widget').length) { const map_container = (localized_data_widget.map_container_id) ? localized_data_widget.map_container_id : 'gmap'; @@ -59,5 +58,28 @@ mapLeaflet(loc_manual_lat, loc_manual_lng); } + } + + jQuery(document).ready(function () { + initSingleMap() + }); + + + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function() { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap() + } + }, 3000); + + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && (e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON')) { + initSingleMap() + } }); })(jQuery); \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/single-listing/openstreet-map.js b/assets/src/js/global/map-scripts/single-listing/openstreet-map.js index da8c62ba5c..3c986ab0f5 100644 --- a/assets/src/js/global/map-scripts/single-listing/openstreet-map.js +++ b/assets/src/js/global/map-scripts/single-listing/openstreet-map.js @@ -1,7 +1,7 @@ /* Single listing OSMap */ (function ($) { - jQuery(document).ready(function () { + function initSingleMap() { // Localized Data if ($('.directorist-single-map').length) { document.querySelectorAll('.directorist-single-map').forEach(mapElm => { @@ -61,5 +61,27 @@ mapLeaflet(loc_manual_lat, loc_manual_lng); }) } + } + + jQuery(document).ready(function () { + initSingleMap() + }); + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function() { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap() + } + }, 3000); + + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ($('body').hasClass('elementor-editor-active') && (e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON')) { + initSingleMap() + } }); + })(jQuery); \ No newline at end of file From 384a6681722ed48e908118d518aa41ce526752b4 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Wed, 18 Oct 2023 10:27:07 +0600 Subject: [PATCH 026/127] UI/UX Feedback - Improved --- assets/css/admin-main.css | 1 - assets/css/admin-main.rtl.css | 1 - assets/css/all-listings.css | 2 +- assets/css/all-listings.rtl.css | 2 +- assets/css/public-main.css | 2 +- assets/css/public-main.rtl.css | 2 +- assets/src/scss/component/_add-listing.scss | 1 - assets/src/scss/component/_author-profile.scss | 1 + templates/account/login.php | 2 +- templates/account/registration.php | 2 +- templates/archive/fields/listing_title.php | 2 +- 11 files changed, 8 insertions(+), 10 deletions(-) diff --git a/assets/css/admin-main.css b/assets/css/admin-main.css index dbfa202ba3..3ded16f8b0 100644 --- a/assets/css/admin-main.css +++ b/assets/css/admin-main.css @@ -7666,7 +7666,6 @@ body.stop-scrolling { display: -webkit-flex; display: -ms-flexbox; display: flex; - background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-content-module { diff --git a/assets/css/admin-main.rtl.css b/assets/css/admin-main.rtl.css index 9347a8960e..0ea7f8f865 100644 --- a/assets/css/admin-main.rtl.css +++ b/assets/css/admin-main.rtl.css @@ -7666,7 +7666,6 @@ body.stop-scrolling { display: -webkit-flex; display: -ms-flexbox; display: flex; - background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-content-module { diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index d0a4dd0ad6..80f3bdb962 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -3205,7 +3205,6 @@ body.stop-scrolling { display: -webkit-flex; display: -ms-flexbox; display: flex; - background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-content-module { @@ -9416,6 +9415,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-author-profile__avatar img { max-width: 100px; border-radius: 50%; + background-color: var(--directorist-color-bg-gray); } @media only screen and (max-width: 575px) { .directorist-author-profile__avatar img { diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index caaea02b6f..a8ffea32d1 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -3205,7 +3205,6 @@ body.stop-scrolling { display: -webkit-flex; display: -ms-flexbox; display: flex; - background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-content-module { @@ -9416,6 +9415,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-author-profile__avatar img { max-width: 100px; border-radius: 50%; + background-color: var(--directorist-color-bg-gray); } @media only screen and (max-width: 575px) { .directorist-author-profile__avatar img { diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 093e3a0e40..7af3a703a9 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -3205,7 +3205,6 @@ body.stop-scrolling { display: -webkit-flex; display: -ms-flexbox; display: flex; - background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-content-module { @@ -9416,6 +9415,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-author-profile__avatar img { max-width: 100px; border-radius: 50%; + background-color: var(--directorist-color-bg-gray); } @media only screen and (max-width: 575px) { .directorist-author-profile__avatar img { diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index caaea02b6f..a8ffea32d1 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -3205,7 +3205,6 @@ body.stop-scrolling { display: -webkit-flex; display: -ms-flexbox; display: flex; - background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-content-module { @@ -9416,6 +9415,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-author-profile__avatar img { max-width: 100px; border-radius: 50%; + background-color: var(--directorist-color-bg-gray); } @media only screen and (max-width: 575px) { .directorist-author-profile__avatar img { diff --git a/assets/src/scss/component/_add-listing.scss b/assets/src/scss/component/_add-listing.scss index fdf1a3c6aa..e60626fbb6 100644 --- a/assets/src/scss/component/_add-listing.scss +++ b/assets/src/scss/component/_add-listing.scss @@ -62,7 +62,6 @@ .directorist-add-listing-wrapper { display: flex; - background-color: var(--directorist-color-white); } .directorist-add-listing-form { diff --git a/assets/src/scss/component/_author-profile.scss b/assets/src/scss/component/_author-profile.scss index e50f59719d..c73e9f8d64 100644 --- a/assets/src/scss/component/_author-profile.scss +++ b/assets/src/scss/component/_author-profile.scss @@ -30,6 +30,7 @@ img { max-width: 100px; border-radius: 50%; + background-color: var(--directorist-color-bg-gray); @media only screen and (max-width: 575px) { max-width: 75px; max-height: 75px; diff --git a/templates/account/login.php b/templates/account/login.php index f55a60bee7..f57612c61b 100644 --- a/templates/account/login.php +++ b/templates/account/login.php @@ -14,7 +14,7 @@
- \ No newline at end of file diff --git a/templates/search-form/custom-fields/select.php b/templates/search-form/custom-fields/select.php index 2bc5a16433..eb70925abb 100644 --- a/templates/search-form/custom-fields/select.php +++ b/templates/search-form/custom-fields/select.php @@ -28,7 +28,7 @@
- +
\ No newline at end of file diff --git a/templates/search-form/custom-fields/text.php b/templates/search-form/custom-fields/text.php index 8c1610bc08..16f722da27 100644 --- a/templates/search-form/custom-fields/text.php +++ b/templates/search-form/custom-fields/text.php @@ -15,7 +15,7 @@ >
- +
\ No newline at end of file diff --git a/templates/search-form/custom-fields/textarea.php b/templates/search-form/custom-fields/textarea.php index 84880c1706..f6af7acb4e 100644 --- a/templates/search-form/custom-fields/textarea.php +++ b/templates/search-form/custom-fields/textarea.php @@ -15,7 +15,7 @@
- +
diff --git a/templates/search-form/custom-fields/url.php b/templates/search-form/custom-fields/url.php index e5c1702a19..ea3c6b10aa 100644 --- a/templates/search-form/custom-fields/url.php +++ b/templates/search-form/custom-fields/url.php @@ -15,7 +15,7 @@ >
- +
\ No newline at end of file diff --git a/templates/search-form/fields/category.php b/templates/search-form/fields/category.php index 776e16257e..fe1ef4d761 100644 --- a/templates/search-form/fields/category.php +++ b/templates/search-form/fields/category.php @@ -23,6 +23,6 @@
- +
\ No newline at end of file diff --git a/templates/search-form/fields/email.php b/templates/search-form/fields/email.php index 42a975fcc7..7fac24f2c1 100644 --- a/templates/search-form/fields/email.php +++ b/templates/search-form/fields/email.php @@ -15,7 +15,7 @@ >
- +
\ No newline at end of file diff --git a/templates/search-form/fields/fax.php b/templates/search-form/fields/fax.php index 0593004d2f..5e87926f3a 100644 --- a/templates/search-form/fields/fax.php +++ b/templates/search-form/fields/fax.php @@ -15,7 +15,7 @@ >
- +
diff --git a/templates/search-form/fields/location.php b/templates/search-form/fields/location.php index 8336ff3078..9733d4383c 100644 --- a/templates/search-form/fields/location.php +++ b/templates/search-form/fields/location.php @@ -28,7 +28,7 @@
- +
@@ -51,7 +51,7 @@
- +
diff --git a/templates/search-form/fields/phone.php b/templates/search-form/fields/phone.php index 11ecb66d87..c1a8e83f2b 100644 --- a/templates/search-form/fields/phone.php +++ b/templates/search-form/fields/phone.php @@ -15,7 +15,7 @@ >
- +
\ No newline at end of file diff --git a/templates/search-form/fields/phone2.php b/templates/search-form/fields/phone2.php index ad3eda8007..4fbff4f70f 100644 --- a/templates/search-form/fields/phone2.php +++ b/templates/search-form/fields/phone2.php @@ -15,7 +15,7 @@ >
- +
diff --git a/templates/search-form/fields/title.php b/templates/search-form/fields/title.php index b0c20aa8eb..c943f7dec2 100644 --- a/templates/search-form/fields/title.php +++ b/templates/search-form/fields/title.php @@ -14,6 +14,6 @@ >
- +
\ No newline at end of file diff --git a/templates/search-form/fields/website.php b/templates/search-form/fields/website.php index 9ad0f185de..923a61d930 100644 --- a/templates/search-form/fields/website.php +++ b/templates/search-form/fields/website.php @@ -15,7 +15,7 @@ >
- +
\ No newline at end of file diff --git a/templates/search-form/fields/zip.php b/templates/search-form/fields/zip.php index 4c142f5a82..7c419c5488 100644 --- a/templates/search-form/fields/zip.php +++ b/templates/search-form/fields/zip.php @@ -20,7 +20,7 @@
- +
\ No newline at end of file From cccadfb503b8c1fe62897db1a1e3f96cf518eac4 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Thu, 19 Oct 2023 10:27:33 +0600 Subject: [PATCH 033/127] Style - Improved --- assets/css/admin-main.css | 2 +- assets/css/admin-main.rtl.css | 2 +- assets/css/all-listings.css | 8 +++++++- assets/css/all-listings.rtl.css | 8 +++++++- assets/css/public-main.css | 8 +++++++- assets/css/public-main.rtl.css | 8 +++++++- assets/src/scss/component/_advanced-search.scss | 1 + assets/src/scss/component/_archive.scss | 3 +++ assets/src/scss/component/_checkbox-radio.scss | 2 +- 9 files changed, 35 insertions(+), 7 deletions(-) diff --git a/assets/css/admin-main.css b/assets/css/admin-main.css index 552aaaeeb4..e5392c5ac7 100644 --- a/assets/css/admin-main.css +++ b/assets/css/admin-main.css @@ -12002,7 +12002,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di padding-left: 30px; margin-bottom: 0; margin-left: 0; - line-height: 1.4; + line-height: 1.3; color: var(--directorist-color-body); -webkit-box-sizing: content-box; box-sizing: content-box; diff --git a/assets/css/admin-main.rtl.css b/assets/css/admin-main.rtl.css index b2eed9282a..8ddbde4758 100644 --- a/assets/css/admin-main.rtl.css +++ b/assets/css/admin-main.rtl.css @@ -12002,7 +12002,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di padding-right: 30px; margin-bottom: 0; margin-right: 0; - line-height: 1.4; + line-height: 1.3; color: var(--directorist-color-body); -webkit-box-sizing: content-box; box-sizing: content-box; diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index f1428a530c..655034aa7e 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -9101,7 +9101,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di padding-left: 30px; margin-bottom: 0; margin-left: 0; - line-height: 1.4; + line-height: 1.3; color: var(--directorist-color-body); -webkit-box-sizing: content-box; box-sizing: content-box; @@ -10712,6 +10712,11 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { width: 54px; } +@media screen and (max-width: 575px) { + .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { + width: 100%; + } +} .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { border: 0 none; } @@ -11392,6 +11397,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di @media screen and (max-width: 575px) { .directorist-price-ranges .directorist-pf-range { width: 100%; + border-radius: 0; background-color: var(--directorist-color-white); } } diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index d4ad80fa81..05ebeb64f2 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -9101,7 +9101,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di padding-right: 30px; margin-bottom: 0; margin-right: 0; - line-height: 1.4; + line-height: 1.3; color: var(--directorist-color-body); -webkit-box-sizing: content-box; box-sizing: content-box; @@ -10712,6 +10712,11 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { width: 54px; } +@media screen and (max-width: 575px) { + .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { + width: 100%; + } +} .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { border: 0 none; } @@ -11392,6 +11397,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di @media screen and (max-width: 575px) { .directorist-price-ranges .directorist-pf-range { width: 100%; + border-radius: 0; background-color: var(--directorist-color-white); } } diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 9df8ce9751..46e0d74403 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -9101,7 +9101,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di padding-left: 30px; margin-bottom: 0; margin-left: 0; - line-height: 1.4; + line-height: 1.3; color: var(--directorist-color-body); -webkit-box-sizing: content-box; box-sizing: content-box; @@ -10712,6 +10712,11 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { width: 54px; } +@media screen and (max-width: 575px) { + .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { + width: 100%; + } +} .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { border: 0 none; } @@ -11392,6 +11397,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di @media screen and (max-width: 575px) { .directorist-price-ranges .directorist-pf-range { width: 100%; + border-radius: 0; background-color: var(--directorist-color-white); } } diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index d4ad80fa81..05ebeb64f2 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -9101,7 +9101,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di padding-right: 30px; margin-bottom: 0; margin-right: 0; - line-height: 1.4; + line-height: 1.3; color: var(--directorist-color-body); -webkit-box-sizing: content-box; box-sizing: content-box; @@ -10712,6 +10712,11 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { width: 54px; } +@media screen and (max-width: 575px) { + .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { + width: 100%; + } +} .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn:last-child { border: 0 none; } @@ -11392,6 +11397,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di @media screen and (max-width: 575px) { .directorist-price-ranges .directorist-pf-range { width: 100%; + border-radius: 0; background-color: var(--directorist-color-white); } } diff --git a/assets/src/scss/component/_advanced-search.scss b/assets/src/scss/component/_advanced-search.scss index 58becdee51..aa2db62c27 100644 --- a/assets/src/scss/component/_advanced-search.scss +++ b/assets/src/scss/component/_advanced-search.scss @@ -375,6 +375,7 @@ height: 36px; @media screen and (max-width: 575px) { width: 100%; + border-radius: 0; background-color: var(--directorist-color-white); } } diff --git a/assets/src/scss/component/_archive.scss b/assets/src/scss/component/_archive.scss index 415a319608..4d83f4d366 100644 --- a/assets/src/scss/component/_archive.scss +++ b/assets/src/scss/component/_archive.scss @@ -458,6 +458,9 @@ } .directorist-price-ranges__price-frequency--btn .directorist-pf-range { width: 54px; + @media screen and (max-width: 575px) { + width: 100%; + } } .directorist-price-ranges__price-frequency--btn:last-child { border: 0 none; diff --git a/assets/src/scss/component/_checkbox-radio.scss b/assets/src/scss/component/_checkbox-radio.scss index 448aa7afc3..b3d9e2d984 100644 --- a/assets/src/scss/component/_checkbox-radio.scss +++ b/assets/src/scss/component/_checkbox-radio.scss @@ -20,7 +20,7 @@ padding-left: 30px; margin-bottom: 0; margin-left: 0; - line-height: 1.4; + line-height: 1.3; color: var(--directorist-color-body); box-sizing: content-box; From 17ee4525db1d0b83f8c9a2ff2eb079983b1702c1 Mon Sep 17 00:00:00 2001 From: iamibrahimriaz Date: Thu, 19 Oct 2023 16:21:16 +0600 Subject: [PATCH 034/127] Login - Registration Style Issue - Updated --- assets/css/all-listings.css | 10 ++++++++-- assets/css/all-listings.rtl.css | 10 ++++++++-- assets/css/public-main.css | 10 ++++++++-- assets/css/public-main.rtl.css | 10 ++++++++-- assets/src/scss/component/_advanced-search.scss | 1 + assets/src/scss/component/_authentication.scss | 2 ++ assets/src/scss/component/_range-slider.scss | 4 ++-- templates/account/login.php | 4 ++-- 8 files changed, 39 insertions(+), 12 deletions(-) diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 655034aa7e..499a6c4717 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -7100,8 +7100,8 @@ body.modal-overlay-enabled:before { } .directorist-range-slider1 { - width: 18px; - height: 18px; + width: 19px; + height: 19px; position: absolute; top: 50%; left: 0; @@ -11318,6 +11318,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } } .directorist-price-ranges__label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; line-height: 1; font-size: 14px !important; font-weight: 400 !important; @@ -13413,6 +13417,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } /* Authentication style */ .directorist-author__form { + max-width: 540px; + margin: 0 auto; padding: 50px 40px; border-radius: 16px; background-color: var(--directorist-color-white); diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 05ebeb64f2..b74ef9b3ef 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -7100,8 +7100,8 @@ body.modal-overlay-enabled:before { } .directorist-range-slider1 { - width: 18px; - height: 18px; + width: 19px; + height: 19px; position: absolute; top: 50%; right: 0; @@ -11318,6 +11318,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } } .directorist-price-ranges__label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; line-height: 1; font-size: 14px !important; font-weight: 400 !important; @@ -13413,6 +13417,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } /* Authentication style */ .directorist-author__form { + max-width: 540px; + margin: 0 auto; padding: 50px 40px; border-radius: 16px; background-color: var(--directorist-color-white); diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 46e0d74403..d483388876 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -7100,8 +7100,8 @@ body.modal-overlay-enabled:before { } .directorist-range-slider1 { - width: 18px; - height: 18px; + width: 19px; + height: 19px; position: absolute; top: 50%; left: 0; @@ -11318,6 +11318,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } } .directorist-price-ranges__label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; line-height: 1; font-size: 14px !important; font-weight: 400 !important; @@ -13413,6 +13417,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } /* Authentication style */ .directorist-author__form { + max-width: 540px; + margin: 0 auto; padding: 50px 40px; border-radius: 16px; background-color: var(--directorist-color-white); diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 05ebeb64f2..b74ef9b3ef 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -7100,8 +7100,8 @@ body.modal-overlay-enabled:before { } .directorist-range-slider1 { - width: 18px; - height: 18px; + width: 19px; + height: 19px; position: absolute; top: 50%; right: 0; @@ -11318,6 +11318,10 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } } .directorist-price-ranges__label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; line-height: 1; font-size: 14px !important; font-weight: 400 !important; @@ -13413,6 +13417,8 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } /* Authentication style */ .directorist-author__form { + max-width: 540px; + margin: 0 auto; padding: 50px 40px; border-radius: 16px; background-color: var(--directorist-color-white); diff --git a/assets/src/scss/component/_advanced-search.scss b/assets/src/scss/component/_advanced-search.scss index aa2db62c27..88890f622c 100644 --- a/assets/src/scss/component/_advanced-search.scss +++ b/assets/src/scss/component/_advanced-search.scss @@ -315,6 +315,7 @@ } } @include e(label) { + flex: 1; line-height: 1; font-size: 14px !important; font-weight: 400 !important; diff --git a/assets/src/scss/component/_authentication.scss b/assets/src/scss/component/_authentication.scss index 9977485d8b..5bb599ee67 100644 --- a/assets/src/scss/component/_authentication.scss +++ b/assets/src/scss/component/_authentication.scss @@ -1,6 +1,8 @@ /* Authentication style */ .directorist-author { @include e(form) { + max-width: 540px; + margin: 0 auto; padding: 50px 40px; border-radius: 16px; background-color: var(--directorist-color-white); diff --git a/assets/src/scss/component/_range-slider.scss b/assets/src/scss/component/_range-slider.scss index 1672ff14b7..a48c568bbc 100644 --- a/assets/src/scss/component/_range-slider.scss +++ b/assets/src/scss/component/_range-slider.scss @@ -44,8 +44,8 @@ } .directorist-range-slider1 { - width: 18px; - height: 18px; + width: 19px; + height: 19px; position: absolute; top: 50%; left: 0; diff --git a/templates/account/login.php b/templates/account/login.php index f57612c61b..e82facd024 100644 --- a/templates/account/login.php +++ b/templates/account/login.php @@ -13,8 +13,8 @@