From e4377424a69971db5541e94670b12c2d3c1f6d21 Mon Sep 17 00:00:00 2001 From: Ibrahim Riaz Date: Mon, 22 Dec 2025 15:19:17 +0600 Subject: [PATCH 1/2] fix: form builder label behavior to apply default only on blur when empty --- assets/css/admin-main.css | 69 ++++++++----------- assets/css/admin-main.rtl.css | 69 ++++++++----------- assets/css/all-listings.css | 59 +++++----------- assets/css/all-listings.rtl.css | 59 +++++----------- assets/css/public-main.css | 59 +++++----------- assets/css/public-main.rtl.css | 59 +++++----------- assets/js/admin-multi-directory-builder.js | 25 +++++-- assets/js/admin-settings-manager.js | 25 +++++-- .../vue/modules/Field_List_Component.vue | 15 ++-- .../form-fields/Form_Builder_Field.vue | 5 +- 10 files changed, 188 insertions(+), 256 deletions(-) diff --git a/assets/css/admin-main.css b/assets/css/admin-main.css index cdb992f921..d1701058d9 100644 --- a/assets/css/admin-main.css +++ b/assets/css/admin-main.css @@ -18,15 +18,22 @@ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (4) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ +#directiost-listing-fields_wrapper { + padding: 18px 20px; + /*********************************************************** + ************************************************************ + css for Custom Field + ************************************************************* + **************************************************************/ + /* + for shortable field*/ +} #directiost-listing-fields_wrapper .directorist-show { display: block !important; } #directiost-listing-fields_wrapper .directorist-hide { display: none !important; } -#directiost-listing-fields_wrapper { - padding: 18px 20px; -} #directiost-listing-fields_wrapper a:focus, #directiost-listing-fields_wrapper a:active { -webkit-box-shadow: unset; @@ -383,13 +390,6 @@ #directiost-listing-fields_wrapper .single_thm .btn_wrapper { text-align: center; } -#directiost-listing-fields_wrapper { - /*********************************************************** - ************************************************************ - css for Custom Field - ************************************************************* - **************************************************************/ -} #directiost-listing-fields_wrapper .postbox table.widefat { -webkit-box-shadow: none; box-shadow: none; @@ -411,10 +411,6 @@ #directiost-listing-fields_wrapper .atbdp-tick-cross2 { margin-left: 25px; } -#directiost-listing-fields_wrapper { - /* - for shortable field*/ -} #directiost-listing-fields_wrapper .ui-sortable tr:hover { cursor: move; } @@ -9533,6 +9529,7 @@ body.stop-scrolling { border: 1px solid var(--directorist-color-border-light); -webkit-transition: background 0.2s ease; transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { display: -webkit-box; @@ -9575,9 +9572,6 @@ body.stop-scrolling { .directorist-icon-mask:after { background-color: var(--directorist-color-primary); } -.directorist-add-listing-types__single__link { - /* Legacy Icon */ -} .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { display: inline-block; margin-bottom: 10px; @@ -9617,6 +9611,7 @@ body.stop-scrolling { #directiost-listing-fields_wrapper .directorist-content-module { margin-bottom: 35px; border-radius: 12px; + /* social info */ } @media (max-width: 991px) { .directorist-add-listing-form .directorist-content-module, @@ -9695,10 +9690,6 @@ body.stop-scrolling { height: 40px; top: 26px; } -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, @@ -47370,12 +47361,6 @@ input[type="radio"]:checked::before { } } -.directorist_vertical-align-m .directorist_item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} .directorist_vertical-align-m { display: -webkit-box; display: -webkit-flex; @@ -47386,6 +47371,12 @@ input[type="radio"]:checked::before { -ms-flex-align: center; align-items: center; } +.directorist_vertical-align-m .directorist_item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} .atbdp-settings-manager .atbdp-tab-sub-contents .directorist_btn-start { font-size: 14px; @@ -52083,18 +52074,6 @@ span.drop-toggle-caret:before { -ms-flex-wrap: wrap; flex-wrap: wrap; } -.directorist-ai-keyword-field__list-item.--h-24 { - height: 24px; -} -.directorist-ai-keyword-field__list-item.--h-32 { - height: 32px; -} -.directorist-ai-keyword-field__list-item.--px-8 { - padding: 0px 8px; -} -.directorist-ai-keyword-field__list-item.--px-12 { - padding: 0px 12px; -} .directorist-ai-keyword-field__list-item { display: -webkit-box; display: -webkit-flex; @@ -52114,6 +52093,18 @@ span.drop-toggle-caret:before { line-height: 16px; letter-spacing: 0.12px; } +.directorist-ai-keyword-field__list-item.--h-24 { + height: 24px; +} +.directorist-ai-keyword-field__list-item.--h-32 { + height: 32px; +} +.directorist-ai-keyword-field__list-item.--px-8 { + padding: 0px 8px; +} +.directorist-ai-keyword-field__list-item.--px-12 { + padding: 0px 12px; +} .directorist-ai-keyword-field__list-item svg { width: 20px; height: 20px; diff --git a/assets/css/admin-main.rtl.css b/assets/css/admin-main.rtl.css index ebf6e5b23e..530d2c34d7 100644 --- a/assets/css/admin-main.rtl.css +++ b/assets/css/admin-main.rtl.css @@ -18,15 +18,22 @@ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (4) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ +#directiost-listing-fields_wrapper { + padding: 18px 20px; + /*********************************************************** + ************************************************************ + css for Custom Field + ************************************************************* + **************************************************************/ + /* + for shortable field*/ +} #directiost-listing-fields_wrapper .directorist-show { display: block !important; } #directiost-listing-fields_wrapper .directorist-hide { display: none !important; } -#directiost-listing-fields_wrapper { - padding: 18px 20px; -} #directiost-listing-fields_wrapper a:focus, #directiost-listing-fields_wrapper a:active { -webkit-box-shadow: unset; @@ -383,13 +390,6 @@ #directiost-listing-fields_wrapper .single_thm .btn_wrapper { text-align: center; } -#directiost-listing-fields_wrapper { - /*********************************************************** - ************************************************************ - css for Custom Field - ************************************************************* - **************************************************************/ -} #directiost-listing-fields_wrapper .postbox table.widefat { -webkit-box-shadow: none; box-shadow: none; @@ -411,10 +411,6 @@ #directiost-listing-fields_wrapper .atbdp-tick-cross2 { margin-right: 25px; } -#directiost-listing-fields_wrapper { - /* - for shortable field*/ -} #directiost-listing-fields_wrapper .ui-sortable tr:hover { cursor: move; } @@ -9533,6 +9529,7 @@ body.stop-scrolling { border: 1px solid var(--directorist-color-border-light); -webkit-transition: background 0.2s ease; transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { display: -webkit-box; @@ -9575,9 +9572,6 @@ body.stop-scrolling { .directorist-icon-mask:after { background-color: var(--directorist-color-primary); } -.directorist-add-listing-types__single__link { - /* Legacy Icon */ -} .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { display: inline-block; margin-bottom: 10px; @@ -9617,6 +9611,7 @@ body.stop-scrolling { #directiost-listing-fields_wrapper .directorist-content-module { margin-bottom: 35px; border-radius: 12px; + /* social info */ } @media (max-width: 991px) { .directorist-add-listing-form .directorist-content-module, @@ -9695,10 +9690,6 @@ body.stop-scrolling { height: 40px; top: 26px; } -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, @@ -47370,12 +47361,6 @@ input[type="radio"]:checked::before { } } -.directorist_vertical-align-m .directorist_item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} .directorist_vertical-align-m { display: -webkit-box; display: -webkit-flex; @@ -47386,6 +47371,12 @@ input[type="radio"]:checked::before { -ms-flex-align: center; align-items: center; } +.directorist_vertical-align-m .directorist_item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} .atbdp-settings-manager .atbdp-tab-sub-contents .directorist_btn-start { font-size: 14px; @@ -52083,18 +52074,6 @@ span.drop-toggle-caret:before { -ms-flex-wrap: wrap; flex-wrap: wrap; } -.directorist-ai-keyword-field__list-item.--h-24 { - height: 24px; -} -.directorist-ai-keyword-field__list-item.--h-32 { - height: 32px; -} -.directorist-ai-keyword-field__list-item.--px-8 { - padding: 0px 8px; -} -.directorist-ai-keyword-field__list-item.--px-12 { - padding: 0px 12px; -} .directorist-ai-keyword-field__list-item { display: -webkit-box; display: -webkit-flex; @@ -52114,6 +52093,18 @@ span.drop-toggle-caret:before { line-height: 16px; letter-spacing: 0.12px; } +.directorist-ai-keyword-field__list-item.--h-24 { + height: 24px; +} +.directorist-ai-keyword-field__list-item.--h-32 { + height: 32px; +} +.directorist-ai-keyword-field__list-item.--px-8 { + padding: 0px 8px; +} +.directorist-ai-keyword-field__list-item.--px-12 { + padding: 0px 12px; +} .directorist-ai-keyword-field__list-item svg { width: 20px; height: 20px; diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 9d2ff2fb7c..c801d52436 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -3350,6 +3350,7 @@ body.stop-scrolling { border: 1px solid var(--directorist-color-border-light); -webkit-transition: background 0.2s ease; transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { display: -webkit-box; @@ -3392,9 +3393,6 @@ body.stop-scrolling { .directorist-icon-mask:after { background-color: var(--directorist-color-primary); } -.directorist-add-listing-types__single__link { - /* Legacy Icon */ -} .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { display: inline-block; margin-bottom: 10px; @@ -3434,6 +3432,7 @@ body.stop-scrolling { #directiost-listing-fields_wrapper .directorist-content-module { margin-bottom: 35px; border-radius: 12px; + /* social info */ } @media (max-width: 991px) { .directorist-add-listing-form .directorist-content-module, @@ -3512,10 +3511,6 @@ body.stop-scrolling { height: 40px; top: 26px; } -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, @@ -12541,6 +12536,7 @@ input.directorist-toggle-input:checked } .directorist-content-active .directorist-author-social__item a:hover { background-color: var(--directorist-color-primary); + /* Legacy Icon */ } .directorist-content-active .directorist-author-social__item @@ -12548,9 +12544,6 @@ input.directorist-toggle-input:checked .directorist-icon-mask::after { background-color: var(--directorist-color-white); } -.directorist-content-active .directorist-author-social__item a:hover { - /* Legacy Icon */ -} .directorist-content-active .directorist-author-social__item a:hover span.la, .directorist-content-active .directorist-author-social__item a:hover span.fa { background: none; @@ -17561,6 +17554,7 @@ input.directorist-toggle-input:checked -ms-flex-pack: center; justify-content: center; background-color: var(--directorist-color-white); + /* Styles */ } .directorist-categories__single--image { background-position: center; @@ -17613,9 +17607,6 @@ input.directorist-toggle-input:checked width: 100%; height: 100%; } -.directorist-categories__single { - /* Styles */ -} .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { @@ -17746,6 +17737,10 @@ input.directorist-toggle-input:checked } /* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} .directorist-taxonomy-list-one .directorist-taxonomy-list__card { display: -webkit-box; display: -webkit-flex; @@ -17834,9 +17829,6 @@ input.directorist-toggle-input:checked -webkit-transition: 0.3s ease; transition: 0.3s ease; } -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item */ -} .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { margin: 0; list-style: none; @@ -17913,9 +17905,6 @@ input.directorist-toggle-input:checked opacity: 1; margin-top: 0; } -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item Toggle */ -} .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { display: -webkit-box; display: -webkit-flex; @@ -18806,6 +18795,7 @@ input.directorist-toggle-input:checked display: -ms-flexbox; display: flex; margin: 0; + /* Legacy Icon */ } .directorist-content-active .directorist-authors__card__info-list @@ -18833,9 +18823,6 @@ input.directorist-toggle-input:checked width: 16px; height: 16px; } -.directorist-content-active .directorist-authors__card__info-list li { - /* Legacy Icon */ -} .directorist-content-active .directorist-authors__card__info-list li @@ -19674,6 +19661,7 @@ input.directorist-toggle-input:checked -ms-flex-align: center; align-items: center; gap: 5px; + /* Legacy Icon */ } .directorist-content-active .directorist-listing-single__meta @@ -19683,11 +19671,6 @@ input.directorist-toggle-input:checked height: 15px; background-color: var(--directorist-color-light-gray); } -.directorist-content-active - .directorist-listing-single__meta - .directorist-view-count { - /* Legacy Icon */ -} .directorist-content-active .directorist-listing-single__meta .directorist-view-count @@ -19718,6 +19701,12 @@ input.directorist-toggle-input:checked width: auto; height: auto; } +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} .directorist-content-active .directorist-listing-single__meta .directorist-listing-category @@ -19750,12 +19739,6 @@ input.directorist-toggle-input:checked width: 14px; height: 14px; } -.directorist-content-active - .directorist-listing-single__meta - .directorist-listing-category - > a { - /* Legacy Icon */ -} .directorist-content-active .directorist-listing-single__meta .directorist-listing-category @@ -22538,6 +22521,7 @@ input.directorist-toggle-input:checked display: -ms-flexbox; display: flex; gap: 10px; + /* Legacy Icon */ } .directorist-single-tag-list a .directorist-icon-mask { display: -webkit-inline-box; @@ -22565,9 +22549,6 @@ input.directorist-toggle-input:checked .directorist-single-tag-list a .directorist-icon-mask:after { font-size: 15px; } -.directorist-single-tag-list a { - /* Legacy Icon */ -} .directorist-single-tag-list a > span:not(.directorist-icon-mask) { display: -webkit-inline-box; display: -webkit-inline-flex; @@ -26016,6 +25997,7 @@ Review: New Style line-height: 2.65; opacity: 0; visibility: hidden; + /* Legacy Icon */ } .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action @@ -26029,11 +26011,6 @@ Review: New Style .directorist-icon-mask:after { background-color: var(--directorist-color-white); } -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single__action - .directorist-favourite-remove-btn { - /* Legacy Icon */ -} .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 4bcccf858f..95df5edc3c 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -3350,6 +3350,7 @@ body.stop-scrolling { border: 1px solid var(--directorist-color-border-light); -webkit-transition: background 0.2s ease; transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { display: -webkit-box; @@ -3392,9 +3393,6 @@ body.stop-scrolling { .directorist-icon-mask:after { background-color: var(--directorist-color-primary); } -.directorist-add-listing-types__single__link { - /* Legacy Icon */ -} .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { display: inline-block; margin-bottom: 10px; @@ -3434,6 +3432,7 @@ body.stop-scrolling { #directiost-listing-fields_wrapper .directorist-content-module { margin-bottom: 35px; border-radius: 12px; + /* social info */ } @media (max-width: 991px) { .directorist-add-listing-form .directorist-content-module, @@ -3512,10 +3511,6 @@ body.stop-scrolling { height: 40px; top: 26px; } -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, @@ -12541,6 +12536,7 @@ input.directorist-toggle-input:checked } .directorist-content-active .directorist-author-social__item a:hover { background-color: var(--directorist-color-primary); + /* Legacy Icon */ } .directorist-content-active .directorist-author-social__item @@ -12548,9 +12544,6 @@ input.directorist-toggle-input:checked .directorist-icon-mask::after { background-color: var(--directorist-color-white); } -.directorist-content-active .directorist-author-social__item a:hover { - /* Legacy Icon */ -} .directorist-content-active .directorist-author-social__item a:hover span.la, .directorist-content-active .directorist-author-social__item a:hover span.fa { background: none; @@ -17561,6 +17554,7 @@ input.directorist-toggle-input:checked -ms-flex-pack: center; justify-content: center; background-color: var(--directorist-color-white); + /* Styles */ } .directorist-categories__single--image { background-position: center; @@ -17613,9 +17607,6 @@ input.directorist-toggle-input:checked width: 100%; height: 100%; } -.directorist-categories__single { - /* Styles */ -} .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { @@ -17746,6 +17737,10 @@ input.directorist-toggle-input:checked } /* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} .directorist-taxonomy-list-one .directorist-taxonomy-list__card { display: -webkit-box; display: -webkit-flex; @@ -17834,9 +17829,6 @@ input.directorist-toggle-input:checked -webkit-transition: 0.3s ease; transition: 0.3s ease; } -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item */ -} .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { margin: 0; list-style: none; @@ -17913,9 +17905,6 @@ input.directorist-toggle-input:checked opacity: 1; margin-top: 0; } -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item Toggle */ -} .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { display: -webkit-box; display: -webkit-flex; @@ -18806,6 +18795,7 @@ input.directorist-toggle-input:checked display: -ms-flexbox; display: flex; margin: 0; + /* Legacy Icon */ } .directorist-content-active .directorist-authors__card__info-list @@ -18833,9 +18823,6 @@ input.directorist-toggle-input:checked width: 16px; height: 16px; } -.directorist-content-active .directorist-authors__card__info-list li { - /* Legacy Icon */ -} .directorist-content-active .directorist-authors__card__info-list li @@ -19674,6 +19661,7 @@ input.directorist-toggle-input:checked -ms-flex-align: center; align-items: center; gap: 5px; + /* Legacy Icon */ } .directorist-content-active .directorist-listing-single__meta @@ -19683,11 +19671,6 @@ input.directorist-toggle-input:checked height: 15px; background-color: var(--directorist-color-light-gray); } -.directorist-content-active - .directorist-listing-single__meta - .directorist-view-count { - /* Legacy Icon */ -} .directorist-content-active .directorist-listing-single__meta .directorist-view-count @@ -19718,6 +19701,12 @@ input.directorist-toggle-input:checked width: auto; height: auto; } +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} .directorist-content-active .directorist-listing-single__meta .directorist-listing-category @@ -19750,12 +19739,6 @@ input.directorist-toggle-input:checked width: 14px; height: 14px; } -.directorist-content-active - .directorist-listing-single__meta - .directorist-listing-category - > a { - /* Legacy Icon */ -} .directorist-content-active .directorist-listing-single__meta .directorist-listing-category @@ -22537,6 +22520,7 @@ input.directorist-toggle-input:checked display: -ms-flexbox; display: flex; gap: 10px; + /* Legacy Icon */ } .directorist-single-tag-list a .directorist-icon-mask { display: -webkit-inline-box; @@ -22564,9 +22548,6 @@ input.directorist-toggle-input:checked .directorist-single-tag-list a .directorist-icon-mask:after { font-size: 15px; } -.directorist-single-tag-list a { - /* Legacy Icon */ -} .directorist-single-tag-list a > span:not(.directorist-icon-mask) { display: -webkit-inline-box; display: -webkit-inline-flex; @@ -26015,6 +25996,7 @@ Review: New Style line-height: 2.65; opacity: 0; visibility: hidden; + /* Legacy Icon */ } .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action @@ -26028,11 +26010,6 @@ Review: New Style .directorist-icon-mask:after { background-color: var(--directorist-color-white); } -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single__action - .directorist-favourite-remove-btn { - /* Legacy Icon */ -} .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn diff --git a/assets/css/public-main.css b/assets/css/public-main.css index d15f3bb3d5..0a0fd63950 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -3350,6 +3350,7 @@ body.stop-scrolling { border: 1px solid var(--directorist-color-border-light); -webkit-transition: background 0.2s ease; transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { display: -webkit-box; @@ -3392,9 +3393,6 @@ body.stop-scrolling { .directorist-icon-mask:after { background-color: var(--directorist-color-primary); } -.directorist-add-listing-types__single__link { - /* Legacy Icon */ -} .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { display: inline-block; margin-bottom: 10px; @@ -3434,6 +3432,7 @@ body.stop-scrolling { #directiost-listing-fields_wrapper .directorist-content-module { margin-bottom: 35px; border-radius: 12px; + /* social info */ } @media (max-width: 991px) { .directorist-add-listing-form .directorist-content-module, @@ -3512,10 +3511,6 @@ body.stop-scrolling { height: 40px; top: 26px; } -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, @@ -12541,6 +12536,7 @@ input.directorist-toggle-input:checked } .directorist-content-active .directorist-author-social__item a:hover { background-color: var(--directorist-color-primary); + /* Legacy Icon */ } .directorist-content-active .directorist-author-social__item @@ -12548,9 +12544,6 @@ input.directorist-toggle-input:checked .directorist-icon-mask::after { background-color: var(--directorist-color-white); } -.directorist-content-active .directorist-author-social__item a:hover { - /* Legacy Icon */ -} .directorist-content-active .directorist-author-social__item a:hover span.la, .directorist-content-active .directorist-author-social__item a:hover span.fa { background: none; @@ -17561,6 +17554,7 @@ input.directorist-toggle-input:checked -ms-flex-pack: center; justify-content: center; background-color: var(--directorist-color-white); + /* Styles */ } .directorist-categories__single--image { background-position: center; @@ -17613,9 +17607,6 @@ input.directorist-toggle-input:checked width: 100%; height: 100%; } -.directorist-categories__single { - /* Styles */ -} .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { @@ -17746,6 +17737,10 @@ input.directorist-toggle-input:checked } /* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} .directorist-taxonomy-list-one .directorist-taxonomy-list__card { display: -webkit-box; display: -webkit-flex; @@ -17834,9 +17829,6 @@ input.directorist-toggle-input:checked -webkit-transition: 0.3s ease; transition: 0.3s ease; } -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item */ -} .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { margin: 0; list-style: none; @@ -17913,9 +17905,6 @@ input.directorist-toggle-input:checked opacity: 1; margin-top: 0; } -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item Toggle */ -} .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { display: -webkit-box; display: -webkit-flex; @@ -18806,6 +18795,7 @@ input.directorist-toggle-input:checked display: -ms-flexbox; display: flex; margin: 0; + /* Legacy Icon */ } .directorist-content-active .directorist-authors__card__info-list @@ -18833,9 +18823,6 @@ input.directorist-toggle-input:checked width: 16px; height: 16px; } -.directorist-content-active .directorist-authors__card__info-list li { - /* Legacy Icon */ -} .directorist-content-active .directorist-authors__card__info-list li @@ -19674,6 +19661,7 @@ input.directorist-toggle-input:checked -ms-flex-align: center; align-items: center; gap: 5px; + /* Legacy Icon */ } .directorist-content-active .directorist-listing-single__meta @@ -19683,11 +19671,6 @@ input.directorist-toggle-input:checked height: 15px; background-color: var(--directorist-color-light-gray); } -.directorist-content-active - .directorist-listing-single__meta - .directorist-view-count { - /* Legacy Icon */ -} .directorist-content-active .directorist-listing-single__meta .directorist-view-count @@ -19718,6 +19701,12 @@ input.directorist-toggle-input:checked width: auto; height: auto; } +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} .directorist-content-active .directorist-listing-single__meta .directorist-listing-category @@ -19750,12 +19739,6 @@ input.directorist-toggle-input:checked width: 14px; height: 14px; } -.directorist-content-active - .directorist-listing-single__meta - .directorist-listing-category - > a { - /* Legacy Icon */ -} .directorist-content-active .directorist-listing-single__meta .directorist-listing-category @@ -22538,6 +22521,7 @@ input.directorist-toggle-input:checked display: -ms-flexbox; display: flex; gap: 10px; + /* Legacy Icon */ } .directorist-single-tag-list a .directorist-icon-mask { display: -webkit-inline-box; @@ -22565,9 +22549,6 @@ input.directorist-toggle-input:checked .directorist-single-tag-list a .directorist-icon-mask:after { font-size: 15px; } -.directorist-single-tag-list a { - /* Legacy Icon */ -} .directorist-single-tag-list a > span:not(.directorist-icon-mask) { display: -webkit-inline-box; display: -webkit-inline-flex; @@ -26016,6 +25997,7 @@ Review: New Style line-height: 2.65; opacity: 0; visibility: hidden; + /* Legacy Icon */ } .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action @@ -26029,11 +26011,6 @@ Review: New Style .directorist-icon-mask:after { background-color: var(--directorist-color-white); } -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single__action - .directorist-favourite-remove-btn { - /* Legacy Icon */ -} .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 4bcccf858f..95df5edc3c 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -3350,6 +3350,7 @@ body.stop-scrolling { border: 1px solid var(--directorist-color-border-light); -webkit-transition: background 0.2s ease; transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { display: -webkit-box; @@ -3392,9 +3393,6 @@ body.stop-scrolling { .directorist-icon-mask:after { background-color: var(--directorist-color-primary); } -.directorist-add-listing-types__single__link { - /* Legacy Icon */ -} .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { display: inline-block; margin-bottom: 10px; @@ -3434,6 +3432,7 @@ body.stop-scrolling { #directiost-listing-fields_wrapper .directorist-content-module { margin-bottom: 35px; border-radius: 12px; + /* social info */ } @media (max-width: 991px) { .directorist-add-listing-form .directorist-content-module, @@ -3512,10 +3511,6 @@ body.stop-scrolling { height: 40px; top: 26px; } -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, @@ -12541,6 +12536,7 @@ input.directorist-toggle-input:checked } .directorist-content-active .directorist-author-social__item a:hover { background-color: var(--directorist-color-primary); + /* Legacy Icon */ } .directorist-content-active .directorist-author-social__item @@ -12548,9 +12544,6 @@ input.directorist-toggle-input:checked .directorist-icon-mask::after { background-color: var(--directorist-color-white); } -.directorist-content-active .directorist-author-social__item a:hover { - /* Legacy Icon */ -} .directorist-content-active .directorist-author-social__item a:hover span.la, .directorist-content-active .directorist-author-social__item a:hover span.fa { background: none; @@ -17561,6 +17554,7 @@ input.directorist-toggle-input:checked -ms-flex-pack: center; justify-content: center; background-color: var(--directorist-color-white); + /* Styles */ } .directorist-categories__single--image { background-position: center; @@ -17613,9 +17607,6 @@ input.directorist-toggle-input:checked width: 100%; height: 100%; } -.directorist-categories__single { - /* Styles */ -} .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { @@ -17746,6 +17737,10 @@ input.directorist-toggle-input:checked } /* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} .directorist-taxonomy-list-one .directorist-taxonomy-list__card { display: -webkit-box; display: -webkit-flex; @@ -17834,9 +17829,6 @@ input.directorist-toggle-input:checked -webkit-transition: 0.3s ease; transition: 0.3s ease; } -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item */ -} .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { margin: 0; list-style: none; @@ -17913,9 +17905,6 @@ input.directorist-toggle-input:checked opacity: 1; margin-top: 0; } -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item Toggle */ -} .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { display: -webkit-box; display: -webkit-flex; @@ -18806,6 +18795,7 @@ input.directorist-toggle-input:checked display: -ms-flexbox; display: flex; margin: 0; + /* Legacy Icon */ } .directorist-content-active .directorist-authors__card__info-list @@ -18833,9 +18823,6 @@ input.directorist-toggle-input:checked width: 16px; height: 16px; } -.directorist-content-active .directorist-authors__card__info-list li { - /* Legacy Icon */ -} .directorist-content-active .directorist-authors__card__info-list li @@ -19674,6 +19661,7 @@ input.directorist-toggle-input:checked -ms-flex-align: center; align-items: center; gap: 5px; + /* Legacy Icon */ } .directorist-content-active .directorist-listing-single__meta @@ -19683,11 +19671,6 @@ input.directorist-toggle-input:checked height: 15px; background-color: var(--directorist-color-light-gray); } -.directorist-content-active - .directorist-listing-single__meta - .directorist-view-count { - /* Legacy Icon */ -} .directorist-content-active .directorist-listing-single__meta .directorist-view-count @@ -19718,6 +19701,12 @@ input.directorist-toggle-input:checked width: auto; height: auto; } +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} .directorist-content-active .directorist-listing-single__meta .directorist-listing-category @@ -19750,12 +19739,6 @@ input.directorist-toggle-input:checked width: 14px; height: 14px; } -.directorist-content-active - .directorist-listing-single__meta - .directorist-listing-category - > a { - /* Legacy Icon */ -} .directorist-content-active .directorist-listing-single__meta .directorist-listing-category @@ -22537,6 +22520,7 @@ input.directorist-toggle-input:checked display: -ms-flexbox; display: flex; gap: 10px; + /* Legacy Icon */ } .directorist-single-tag-list a .directorist-icon-mask { display: -webkit-inline-box; @@ -22564,9 +22548,6 @@ input.directorist-toggle-input:checked .directorist-single-tag-list a .directorist-icon-mask:after { font-size: 15px; } -.directorist-single-tag-list a { - /* Legacy Icon */ -} .directorist-single-tag-list a > span:not(.directorist-icon-mask) { display: -webkit-inline-box; display: -webkit-inline-flex; @@ -26015,6 +25996,7 @@ Review: New Style line-height: 2.65; opacity: 0; visibility: hidden; + /* Legacy Icon */ } .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action @@ -26028,11 +26010,6 @@ Review: New Style .directorist-icon-mask:after { background-color: var(--directorist-color-white); } -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single__action - .directorist-favourite-remove-btn { - /* Legacy Icon */ -} .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn diff --git a/assets/js/admin-multi-directory-builder.js b/assets/js/admin-multi-directory-builder.js index f029fa81e5..3d4c34245c 100644 --- a/assets/js/admin-multi-directory-builder.js +++ b/assets/js/admin-multi-directory-builder.js @@ -47434,6 +47434,7 @@ props.widget_key ]; var updatedValue = props.payload.value; + var isBlur = !!props.payload.isBlur; if ( props.payload.key === 'placeholder' && !props.payload.value @@ -47446,7 +47447,12 @@ props.payload.key === 'label' && !props.payload.value ) { - if (!activeWidget.placeholder) { + // Only apply default label when the input loses focus (blur) + // and the placeholder is still empty. + if ( + isBlur && + !activeWidget.placeholder + ) { updatedValue = directorist_admin.search_form_default_label; } @@ -50675,7 +50681,7 @@ return options_values.includes(value); }, /* syncValidationWithLocalState( validation_log ) { - return validation_log; + return validation_log; } */ }, }; @@ -54307,6 +54313,17 @@ } ); }, + blur: function blur( + $event + ) { + return _vm.update( + { + key: field_key, + value: $event, + isBlur: true, + } + ); + }, alert: function alert( $event ) { @@ -72595,11 +72612,11 @@ }, [ _vm._v( - '\r\n ' + + '\n ' + _vm._s( alert.message ) + - '\r\n ' + '\n ' ), ] ); diff --git a/assets/js/admin-settings-manager.js b/assets/js/admin-settings-manager.js index a7f8c061b6..ca59792bba 100644 --- a/assets/js/admin-settings-manager.js +++ b/assets/js/admin-settings-manager.js @@ -47089,6 +47089,7 @@ props.widget_key ]; var updatedValue = props.payload.value; + var isBlur = !!props.payload.isBlur; if ( props.payload.key === 'placeholder' && !props.payload.value @@ -47101,7 +47102,12 @@ props.payload.key === 'label' && !props.payload.value ) { - if (!activeWidget.placeholder) { + // Only apply default label when the input loses focus (blur) + // and the placeholder is still empty. + if ( + isBlur && + !activeWidget.placeholder + ) { updatedValue = directorist_admin.search_form_default_label; } @@ -50330,7 +50336,7 @@ return options_values.includes(value); }, /* syncValidationWithLocalState( validation_log ) { - return validation_log; + return validation_log; } */ }, }; @@ -54095,6 +54101,17 @@ } ); }, + blur: function blur( + $event + ) { + return _vm.update( + { + key: field_key, + value: $event, + isBlur: true, + } + ); + }, alert: function alert( $event ) { @@ -72383,11 +72400,11 @@ }, [ _vm._v( - '\r\n ' + + '\n ' + _vm._s( alert.message ) + - '\r\n ' + '\n ' ), ] ); diff --git a/assets/src/js/admin/vue/modules/Field_List_Component.vue b/assets/src/js/admin/vue/modules/Field_List_Component.vue index 4bb1a2bc93..d537397694 100644 --- a/assets/src/js/admin/vue/modules/Field_List_Component.vue +++ b/assets/src/js/admin/vue/modules/Field_List_Component.vue @@ -13,9 +13,12 @@ :root="field_list" v-bind="excludeShowIfCondition(field)" @update="update({ key: field_key, value: $event })" - @alert="$emit( 'alert', { key: `${field.type}_${field_key}`, data: $event } )" + @blur="update({ key: field_key, value: $event, isBlur: true })" + @alert=" + $emit('alert', { key: `${field.type}_${field_key}`, data: $event }) + " /> -