From 2678dc2c88819604247ac579d387a9745d6663a2 Mon Sep 17 00:00:00 2001 From: Stijn Vanouplines Date: Thu, 18 Apr 2024 14:55:00 +0200 Subject: [PATCH 1/6] Add gap control --- assets/css/frontend.css | 2 +- assets/scss/frontend/main.scss | 19 +++++++----- compatibility/elementor/widgets/form.php | 38 +++++++++++++++++++----- 3 files changed, 42 insertions(+), 17 deletions(-) diff --git a/assets/css/frontend.css b/assets/css/frontend.css index 1f3639bea..fdd0179e5 100644 --- a/assets/css/frontend.css +++ b/assets/css/frontend.css @@ -1 +1 @@ -.jfb-progress-type--default{padding-bottom:1.5em;flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center}.jfb-progress-type--default .jet-form-builder-progress-pages__item{display:flex;flex-direction:column;align-items:center;padding:.5em 2em;position:relative}.jfb-progress-type--default .jet-form-builder-progress-pages__item--circle{width:2.5em;height:2.5em;border:1px solid gray;border-radius:50%;display:flex;justify-content:center;align-items:center}.jfb-progress-type--default .jet-form-builder-progress-pages__item--label{position:absolute;top:100%;max-width:300px;text-align:center;white-space:nowrap}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--circle{border:2px solid #617be5}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--circle{border:2px solid #34d7a1}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper:not(:last-child){flex:1 1}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page{color:#617be5;font-weight:bold}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page{color:#34d7a1;font-weight:bold}.jfb-progress-type--default .jet-form-builder-progress-pages__separator{flex:1 1;height:1px;background:gray}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item+.jet-form-builder-progress-pages__separator{background-color:#617be5;height:3px}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item+.jet-form-builder-progress-pages__separator{background-color:#34d7a1;height:3px}.jet-form-builder__action-button-wrapper{display:flex;width:100%}.jet-form-builder__submit-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-start;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;width:100%}:root{--jet-fb__range-field-slider--size: 18px;--jet-fb__range-field-slider--br: 50%;--jet-fb__range-field-slider--bgc: #ccc;--jet-fb__range-field-range--height: 4px;--jet-fb__range-field-range--bgc: #e3ddd8}.jet-form-builder.is-loading{opacity:.5;pointer-events:none}.jet-form-builder-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:5px 0;flex-direction:column}.jet-form-builder-row.is-loading{opacity:.5}.jet-form-builder-row.jet-form-builder-row--hidden{margin:0 !important;padding:0 !important}.jet-form-builder__group-break{width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.jet-form-builder-col{min-height:1px;padding:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.jet-form-builder-col.field-type-heading{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.layout-row .jet-form-builder-col{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.jet-form-builder-col__start{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.jet-form-builder-col__end{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.jet-form-builder--hidden{display:none}.jet-form-builder-page--hidden{display:none}.jet-form-builder__calculated-field{display:flex;width:100%}.jet-form-builder__calculated-field--hidden{display:none}.layout-column .jet-form-builder__label{max-width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.jet-form-builder__heading,.jet-form-builder__label{width:100%}.jet-form-builder__field-error{width:100%}.jet-form-builder__desc{display:block}.layout-column .jet-form-builder__desc{max-width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.jet-form-builder__prev-page{outline:none}.jet-form-builder__field{-webkit-box-sizing:border-box;box-sizing:border-box}.layout-column .jet-form-builder__field{max-width:100%;width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;margin:unset}.layout-row .jet-form-builder__field{width:100%}.jet-form-builder__field-wrap{position:relative}.jet-form-builder__field-label{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-form-builder__field-template+.jet-form-builder__field-label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0}.jet-form-builder__field-label input{margin:0 5px 0 0}.rtl .jet-form-builder__field-label input{margin:0 0 0 5px}.jet-form-builder__field-template{cursor:pointer}.jet-form-builder__field-value{white-space:nowrap;display:flex}.jet-form-builder__field-value-number{text-align:center}button.jet-form-builder__submit{display:inline-flex;justify-content:flex-start}.jet-form__check-mark{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form__check-mark__icon.is-svg-icon svg{display:block}.jet-form-builder__check-mark--default{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form-builder__field-template--checked .jet-form__check-mark--default{display:none}.jet-form-builder__check-mark--checked{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form-builder__field-template--checked .jet-form__check-mark--checked{display:-webkit-box;display:-ms-flexbox;display:flex}.jet-form-builder-repeater__initial{display:none}.jet-form-builder-repeater__row{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:15px 0}.jet-form-builder-repeater__row-fields{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.jet-form-builder-repeater__row .jet-form-builder-col{padding:0 5px}.jet-form-builder-repeater__actions{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0 0 0}.jet-form-builder-repeater__remove{margin:0 0 0 10px;text-decoration:none !important}.layout-column .jet-form-builder__fields-group.checkradio-wrap{width:100%}.jet-form-builder__field-wrap.range-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}input[type=range].jet-form-builder__field.range-field{margin-right:10px;-webkit-appearance:none;min-height:var(--jet-fb__range-field-slider--size, 18px);width:100%}.rtl input[type=range].jet-form-builder__field.range-field{margin-left:10px;margin-right:0;width:100%}input[type=range].jet-form-builder__field.range-field,input[type=range].jet-form-builder__field.range-field:focus{padding:0;background:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;outline:none}input[type=range].jet-form-builder__field.range-field::-webkit-slider-runnable-track{width:100%;height:var(--jet-fb__range-field-range--height, 4px);background:var(--jet-fb__range-field-range--bgc, #e3ddd8);border-radius:var(--jet-fb__range-field-range--br, 0);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-moz-range-track,input[type=range].jet-form-builder__field.range-field::-ms-track{width:100%;height:var(--jet-fb__range-field-range--height, 4px);background:var(--jet-fb__range-field-range--bgc, #e3ddd8);border-radius:var(--jet-fb__range-field-range--br, 0);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-ms-track{color:rgba(0,0,0,0)}input[type=range].jet-form-builder__field.range-field::-webkit-slider-thumb{width:var(--jet-fb__range-field-slider--size, 18px);height:var(--jet-fb__range-field-slider--size, 18px);background:var(--jet-fb__range-field-slider--bgc, #ccc);border-radius:var(--jet-fb__range-field-slider--br, 50%);cursor:pointer;box-shadow:none;border:none;margin-top:calc((var(--jet-fb__range-field-slider--size, 18px) - var(--jet-fb__range-field-range--height, 4px))/-2);-webkit-appearance:none}input[type=range].jet-form-builder__field.range-field::-moz-range-thumb,input[type=range].jet-form-builder__field.range-field::-ms-thumb{width:var(--jet-fb__range-field-slider--size, 18px);height:var(--jet-fb__range-field-slider--size, 18px);background:var(--jet-fb__range-field-slider--bgc, #ccc);border-radius:var(--jet-fb__range-field-slider--br, 50%);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-ms-fill-upper,input[type=range].jet-form-builder__field.range-field::-ms-fill-lower{background:rgba(0,0,0,0)}.jet-form-builder-message{margin:20px 0 0 0;text-align:center;padding:20px}.jet-form-builder-message--success{border:1px solid green;color:green}.jet-form-builder-message--error{border:1px solid red;color:red}.jet-form-builder-file-upload__files{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.jet-form-builder-file-upload__content{min-height:100px;min-width:100px;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.jet-form-builder-file-upload__loader{top:0;left:0;right:10px;bottom:10px;position:absolute;background:rgba(0,0,0,.5);display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-form-builder-file-upload__file{width:100px;height:100px;margin:0 10px 10px 0;position:relative;background-color:rgba(123,123,123,.2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237a7a7a' width='48px' height='48px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.jet-form-builder-file-upload__file-remove{position:absolute;left:0;right:0;top:50%;bottom:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 200ms linear;transition:opacity 200ms linear;opacity:0;background:rgba(0,0,0,.4)}.jet-form-builder-file-upload__file-remove svg path{fill:#fff}.jet-form-builder-file-upload__file-invalid-marker{position:absolute;top:.15em;right:.15em;background-color:#fff;border-radius:50%;color:brown;height:24px}.jet-form-builder-file-upload__file img{display:block;width:100%;height:100% !important;padding:0;margin:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.jet-form-builder-file-upload__file:hover .jet-form-builder-file-upload__file-remove{opacity:1}.jet-form-builder-file-upload__errors.is-hidden{display:none}.jet-form-builder-file-upload .is-loading .jet-form-builder-file-upload__file{opacity:.5}.jet-form-builder-file-upload .is-loading .jet-form-builder-file-upload__loader{display:-webkit-box;display:-ms-flexbox;display:flex}.jet-form-builder-file-upload .sortable-placeholder{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;margin:0 10px 10px 0;position:relative;background:rgba(123,123,123,.2);height:100px}.jet-form-builder-file-upload__input{border:none !important;padding:0 !important;border-radius:0 !important;margin:0 !important;width:auto !important}.jet-form-builder__field-wrap:not(.checkradio-wrap){width:100%}.jet-form-builder__field.checkradio-field{position:absolute;z-index:-1;opacity:0}.jet-form-builder__field-label{display:inline-flex;align-items:center;user-select:none}.jet-form-builder__field-label>span::before{content:"";display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;flex-grow:0;border:1px solid #adb5bd;background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.jet-form-builder__field-label.for-radio>span::before{border-radius:50%}.jet-form-builder__field-label.for-radio :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.jet-form-builder__field-label.for-radio :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.jet-form-builder__field-label.for-radio :focus:not(:checked)+span::before{border-color:#80bdff}.jet-form-builder__field-label.for-radio :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.jet-form-builder__field-label.for-radio :disabled+span::before{background-color:#e9ecef}.jet-form-builder__field-label.for-checkbox>span::before{border-radius:10%}.jet-form-builder__field-label.for-checkbox :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.jet-form-builder__field-label.for-checkbox :focus:not(:checked)+span::before{border-color:#80bdff}.jet-form-builder__field-label.for-checkbox :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.jet-form-builder__field-label.for-checkbox :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.jet-form-builder__field-label.for-checkbox :disabled+span::before{background-color:#e9ecef}.jet-form-builder__field-wrap.checkradio-wrap{margin-bottom:.7em}.jet-form-builder__field-wrap.checkradio-wrap span{display:flex;align-items:center;gap:8px}.rtl .jet-form-builder-row,.rtl .jet-form-builder__field,.rtl .jet-form-builder__next-page-wrap{text-align:right}.rtl .jet-form-builder__field-label>span::before{margin-right:unset;margin-left:.5em}.jet-form-builder-row.field-has-error .error-message{color:red;font-size:.8rem}.jet-form-builder__field.field-has-error+.error-message{color:red;font-size:.8rem}.jet-form-builder__field.field-has-error .error-message{color:red;font-size:.8rem}.block-editor-block-list__block[data-type^="jet-forms/"]{max-width:100%}.components-button.has-icon:not(.has-text) .dashicon.dashicon{margin:unset}.layout-row .jet-form-builder-row{flex-wrap:nowrap;flex-direction:row}.jet-fb-map-field{width:100%} +.jfb-progress-type--default{padding-bottom:1.5em;flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center}.jfb-progress-type--default .jet-form-builder-progress-pages__item{display:flex;flex-direction:column;align-items:center;padding:.5em 2em;position:relative}.jfb-progress-type--default .jet-form-builder-progress-pages__item--circle{width:2.5em;height:2.5em;border:1px solid gray;border-radius:50%;display:flex;justify-content:center;align-items:center}.jfb-progress-type--default .jet-form-builder-progress-pages__item--label{position:absolute;top:100%;max-width:300px;text-align:center;white-space:nowrap}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--circle{border:2px solid #617be5}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--circle{border:2px solid #34d7a1}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper:not(:last-child){flex:1 1}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page{color:#617be5;font-weight:bold}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page{color:#34d7a1;font-weight:bold}.jfb-progress-type--default .jet-form-builder-progress-pages__separator{flex:1 1;height:1px;background:gray}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item+.jet-form-builder-progress-pages__separator{background-color:#617be5;height:3px}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item+.jet-form-builder-progress-pages__separator{background-color:#34d7a1;height:3px}.jet-form-builder__action-button-wrapper{display:flex;width:100%}.jet-form-builder__submit-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-start;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;width:100%}:root{--jet-fb__range-field-slider--size: 18px;--jet-fb__range-field-slider--br: 50%;--jet-fb__range-field-slider--bgc: #ccc;--jet-fb__range-field-range--height: 4px;--jet-fb__range-field-range--bgc: #e3ddd8}.jet-form-builder.is-loading{opacity:.5;pointer-events:none}.jet-form-builder-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:5px 0;flex-direction:column}.jet-form-builder-row.is-loading{opacity:.5}.jet-form-builder-row.jet-form-builder-row--hidden{margin:0 !important;padding:0 !important}.jet-form-builder__group-break{width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.jet-form-builder-col{min-height:1px;padding:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.jet-form-builder-col.field-type-heading{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.layout-row .jet-form-builder-col{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.jet-form-builder-col__start{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.jet-form-builder-col__end{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.jet-form-builder--hidden{display:none}.jet-form-builder-page--hidden{display:none}.jet-form-builder__calculated-field{display:flex;width:100%}.jet-form-builder__calculated-field--hidden{display:none}.layout-column .jet-form-builder__label{max-width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.jet-form-builder__heading,.jet-form-builder__label{width:100%}.jet-form-builder__field-error{width:100%}.jet-form-builder__desc{display:block}.layout-column .jet-form-builder__desc{max-width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.jet-form-builder__prev-page{outline:none}.jet-form-builder__field{-webkit-box-sizing:border-box;box-sizing:border-box}.layout-column .jet-form-builder__field{max-width:100%;width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;margin:unset}.layout-row .jet-form-builder__field{width:100%}.jet-form-builder__field-wrap{position:relative}.jet-form-builder__field-label{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-form-builder__field-template+.jet-form-builder__field-label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0}.jet-form-builder__field-label input{margin:0 5px 0 0}.rtl .jet-form-builder__field-label input{margin:0 0 0 5px}.jet-form-builder__field-template{cursor:pointer}.jet-form-builder__field-value{white-space:nowrap;display:flex}.jet-form-builder__field-value-number{text-align:center}button.jet-form-builder__submit{display:inline-flex;justify-content:flex-start}.jet-form__check-mark{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form__check-mark__icon.is-svg-icon svg{display:block}.jet-form-builder__check-mark--default{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form-builder__field-template--checked .jet-form__check-mark--default{display:none}.jet-form-builder__check-mark--checked{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form-builder__field-template--checked .jet-form__check-mark--checked{display:-webkit-box;display:-ms-flexbox;display:flex}.jet-form-builder-repeater__initial{display:none}.jet-form-builder-repeater__row{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:15px 0}.jet-form-builder-repeater__row-fields{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.jet-form-builder-repeater__row .jet-form-builder-col{padding:0 5px}.jet-form-builder-repeater__actions{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0 0 0}.jet-form-builder-repeater__remove{margin:0 0 0 10px;text-decoration:none !important}.layout-column .jet-form-builder__fields-group.checkradio-wrap{width:100%}.jet-form-builder__field-wrap.range-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}input[type=range].jet-form-builder__field.range-field{margin-right:10px;-webkit-appearance:none;min-height:var(--jet-fb__range-field-slider--size, 18px);width:100%}.rtl input[type=range].jet-form-builder__field.range-field{margin-left:10px;margin-right:0;width:100%}input[type=range].jet-form-builder__field.range-field,input[type=range].jet-form-builder__field.range-field:focus{padding:0;background:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;outline:none}input[type=range].jet-form-builder__field.range-field::-webkit-slider-runnable-track{width:100%;height:var(--jet-fb__range-field-range--height, 4px);background:var(--jet-fb__range-field-range--bgc, #e3ddd8);border-radius:var(--jet-fb__range-field-range--br, 0);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-moz-range-track,input[type=range].jet-form-builder__field.range-field::-ms-track{width:100%;height:var(--jet-fb__range-field-range--height, 4px);background:var(--jet-fb__range-field-range--bgc, #e3ddd8);border-radius:var(--jet-fb__range-field-range--br, 0);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-ms-track{color:rgba(0,0,0,0)}input[type=range].jet-form-builder__field.range-field::-webkit-slider-thumb{width:var(--jet-fb__range-field-slider--size, 18px);height:var(--jet-fb__range-field-slider--size, 18px);background:var(--jet-fb__range-field-slider--bgc, #ccc);border-radius:var(--jet-fb__range-field-slider--br, 50%);cursor:pointer;box-shadow:none;border:none;margin-top:calc((var(--jet-fb__range-field-slider--size, 18px) - var(--jet-fb__range-field-range--height, 4px))/-2);-webkit-appearance:none}input[type=range].jet-form-builder__field.range-field::-moz-range-thumb,input[type=range].jet-form-builder__field.range-field::-ms-thumb{width:var(--jet-fb__range-field-slider--size, 18px);height:var(--jet-fb__range-field-slider--size, 18px);background:var(--jet-fb__range-field-slider--bgc, #ccc);border-radius:var(--jet-fb__range-field-slider--br, 50%);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-ms-fill-upper,input[type=range].jet-form-builder__field.range-field::-ms-fill-lower{background:rgba(0,0,0,0)}.jet-form-builder-message{margin:20px 0 0 0;text-align:center;padding:20px}.jet-form-builder-message--success{border:1px solid green;color:green}.jet-form-builder-message--error{border:1px solid red;color:red}.jet-form-builder-file-upload__files{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.jet-form-builder-file-upload__content{min-height:100px;min-width:100px;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.jet-form-builder-file-upload__loader{top:0;left:0;right:10px;bottom:10px;position:absolute;background:rgba(0,0,0,.5);display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-form-builder-file-upload__file{width:100px;height:100px;margin:0 10px 10px 0;position:relative;background-color:rgba(123,123,123,.2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237a7a7a' width='48px' height='48px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.jet-form-builder-file-upload__file-remove{position:absolute;left:0;right:0;top:50%;bottom:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 200ms linear;transition:opacity 200ms linear;opacity:0;background:rgba(0,0,0,.4)}.jet-form-builder-file-upload__file-remove svg path{fill:#fff}.jet-form-builder-file-upload__file-invalid-marker{position:absolute;top:.15em;right:.15em;background-color:#fff;border-radius:50%;color:brown;height:24px}.jet-form-builder-file-upload__file img{display:block;width:100%;height:100% !important;padding:0;margin:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.jet-form-builder-file-upload__file:hover .jet-form-builder-file-upload__file-remove{opacity:1}.jet-form-builder-file-upload__errors.is-hidden{display:none}.jet-form-builder-file-upload .is-loading .jet-form-builder-file-upload__file{opacity:.5}.jet-form-builder-file-upload .is-loading .jet-form-builder-file-upload__loader{display:-webkit-box;display:-ms-flexbox;display:flex}.jet-form-builder-file-upload .sortable-placeholder{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;margin:0 10px 10px 0;position:relative;background:rgba(123,123,123,.2);height:100px}.jet-form-builder-file-upload__input{border:none !important;padding:0 !important;border-radius:0 !important;margin:0 !important;width:auto !important}.jet-form-builder__field-wrap:not(.checkradio-wrap){width:100%}.jet-form-builder__field.checkradio-field{position:absolute;z-index:-1;opacity:0}.jet-form-builder__field-label{display:inline-flex;align-items:center;user-select:none}.jet-form-builder__field-label>span::before{content:"";display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;flex-grow:0;border:1px solid #adb5bd;background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.jet-form-builder__field-label.for-radio>span::before{border-radius:50%}.jet-form-builder__field-label.for-radio :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.jet-form-builder__field-label.for-radio :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.jet-form-builder__field-label.for-radio :focus:not(:checked)+span::before{border-color:#80bdff}.jet-form-builder__field-label.for-radio :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.jet-form-builder__field-label.for-radio :disabled+span::before{background-color:#e9ecef}.jet-form-builder__field-label.for-checkbox>span::before{border-radius:10%}.jet-form-builder__field-label.for-checkbox :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.jet-form-builder__field-label.for-checkbox :focus:not(:checked)+span::before{border-color:#80bdff}.jet-form-builder__field-label.for-checkbox :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.jet-form-builder__field-label.for-checkbox :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.jet-form-builder__field-label.for-checkbox :disabled+span::before{background-color:#e9ecef}.jet-form-builder__fields-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:.7em}.jet-form-builder__field-wrap.checkradio-wrap span{display:flex;align-items:center;gap:8px}.rtl .jet-form-builder-row,.rtl .jet-form-builder__field,.rtl .jet-form-builder__next-page-wrap{text-align:right}.rtl .jet-form-builder__field-label>span::before{margin-right:unset;margin-left:.5em}.jet-form-builder-row.field-has-error .error-message{color:red;font-size:.8rem}.jet-form-builder__field.field-has-error+.error-message{color:red;font-size:.8rem}.jet-form-builder__field.field-has-error .error-message{color:red;font-size:.8rem}.block-editor-block-list__block[data-type^="jet-forms/"]{max-width:100%}.components-button.has-icon:not(.has-text) .dashicon.dashicon{margin:unset}.layout-row .jet-form-builder-row{flex-wrap:nowrap;flex-direction:row}.jet-fb-map-field{width:100%} diff --git a/assets/scss/frontend/main.scss b/assets/scss/frontend/main.scss index fe01491fd..c7ba8d9ed 100644 --- a/assets/scss/frontend/main.scss +++ b/assets/scss/frontend/main.scss @@ -645,15 +645,18 @@ input[type="range"] { } } -.jet-form-builder__field-wrap.checkradio-wrap { - margin-bottom: 0.7em; +.jet-form-builder__fields-group { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: .7em; +} - span { - /*display: contents;*/ - display: flex; - align-items: center; - gap: 8px; - } +.jet-form-builder__field-wrap.checkradio-wrap span { + /*display: contents;*/ + display: flex; + align-items: center; + gap: 8px; } .rtl .jet-form-builder-row, diff --git a/compatibility/elementor/widgets/form.php b/compatibility/elementor/widgets/form.php index 1f655a96a..8db489484 100644 --- a/compatibility/elementor/widgets/form.php +++ b/compatibility/elementor/widgets/form.php @@ -1420,17 +1420,39 @@ protected function register_controls() { 'type' => Controls_Manager::CHOOSE, 'label_block' => false, 'options' => array( - 'inline-block' => array( + 'row' => array( 'title' => __( 'Horizontal', 'jet-form-builder' ), 'icon' => 'eicon-ellipsis-h', ), - 'block' => array( + 'column' => array( 'title' => __( 'Vertical', 'jet-form-builder' ), 'icon' => 'eicon-editor-list-ul', ), ), 'selectors' => array( - $this->selector( '__field-wrap.checkradio-wrap' ) => 'display: {{VALUE}};', + $this->selector( '__fields-group' ) => 'flex-direction: {{VALUE}};', + ), + ) + ); + + $this->add_responsive_control( + 'checkradio_fields_gaps', + array( + 'label' => __( 'Gaps', 'jet-form-builder' ), + 'type' => Controls_Manager::GAPS, + 'size_units' => array( 'px', 'em', 'rem', 'custom' ), + 'default' => array( + 'row' => '0.7', + 'column' => '0.7', + 'unit' => 'em', + ), + 'validators' => array( + 'Number' => array( + 'min' => 0, + ), + ), + 'selectors' => array( + $this->selector( '__fields-group' ) => 'gap: {{ROW}}{{UNIT}} {{COLUMN}}{{UNIT}};', ), ) ); @@ -1449,7 +1471,7 @@ protected function register_controls() { 'label' => __( 'Gap between control and label', 'jet-form-builder' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'em', 'rem', 'custom' ), - 'default' => array( + 'default' => array( 'size' => 8, ), 'range' => array( @@ -1743,7 +1765,7 @@ protected function register_controls() { array( 'label' => __( 'Fields width', 'jet-form-builder' ), 'type' => Controls_Manager::SLIDER, - 'size_units' => array( 'px', '%', 'em', 'rem', 'custom' ), + 'size_units' => array( 'px', 'em', 'rem', 'custom' ), 'range' => array( 'px' => array( 'min' => 50, @@ -2892,8 +2914,8 @@ protected function register_controls() { $this->add_group_control( Group_Control_Typography::get_type(), array( - 'name' => 'booking_form_submit_typography', - 'selector' => $this->selector( '__action-button' ), + 'name' => 'booking_form_submit_typography', + 'selector' => $this->selector( '__action-button' ), ) ); @@ -2903,7 +2925,7 @@ protected function register_controls() { 'label' => esc_html__( 'Padding', 'jet-form-builder' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'custom' ), - 'separator' => 'before', + 'separator' => 'before', 'selectors' => array( $this->selector( '__action-button' ) => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), From d9318310016fe52b560fa6c06f456a54538c7d76 Mon Sep 17 00:00:00 2001 From: Stijn Vanouplines Date: Sun, 21 Apr 2024 13:08:24 +0200 Subject: [PATCH 2/6] Add before and after field actions --- templates/fields/calculated-field.php | 2 ++ templates/fields/color-picker-field.php | 2 ++ templates/fields/date-field.php | 2 ++ templates/fields/datetime-field.php | 2 ++ templates/fields/media-field.php | 2 ++ templates/fields/number-field.php | 2 ++ templates/fields/range-field.php | 2 ++ templates/fields/text-field.php | 2 ++ templates/fields/textarea-field.php | 2 ++ templates/fields/time-field.php | 2 ++ 10 files changed, 20 insertions(+) diff --git a/templates/fields/calculated-field.php b/templates/fields/calculated-field.php index 1c7796553..0a9b63cf0 100644 --- a/templates/fields/calculated-field.php +++ b/templates/fields/calculated-field.php @@ -41,6 +41,7 @@ // phpcs:disable WordPress.Security.EscapeOutput.OutputNotEscaped, WordPress.WhiteSpace.PrecisionAlignment.Found ?>
render_attributes_string(); ?>> +
@@ -56,5 +57,6 @@ class="jet-form-builder__calculated-field-input jet-form-builder__field"
+
add_attribute( 'data-jfb-sync' ); ?>
+ render_attributes_string(); ?>> +
add_attribute( 'max', Date_Tools::time_to_string( $this->args['max'] ) ); } ?> + render_attributes_string(); ?>> + + render_attributes_string(); ?>> +
+
get_loader(); ?>
files()->render_attributes_string(); ?>> @@ -56,5 +57,6 @@
+
add_attribute( 'data-jfb-sync' ); ?>
+ render_attributes_string(); ?>> +
+ render_attributes_string(); ?>>
@@ -34,5 +35,6 @@
+
+ render_attributes_string(); ?>> +
+ +
+ render_attributes_string(); ?>> + Date: Sat, 11 May 2024 22:07:13 +0200 Subject: [PATCH 3/6] added back unit percentage --- compatibility/elementor/widgets/form.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/compatibility/elementor/widgets/form.php b/compatibility/elementor/widgets/form.php index 8db489484..15aa8ce8c 100644 --- a/compatibility/elementor/widgets/form.php +++ b/compatibility/elementor/widgets/form.php @@ -1765,7 +1765,7 @@ protected function register_controls() { array( 'label' => __( 'Fields width', 'jet-form-builder' ), 'type' => Controls_Manager::SLIDER, - 'size_units' => array( 'px', 'em', 'rem', 'custom' ), + 'size_units' => array( 'px', '%', 'em', 'rem', 'custom' ), 'range' => array( 'px' => array( 'min' => 50, From 6e26a93c280d7e1058add794b0a2f063ac773863 Mon Sep 17 00:00:00 2001 From: Stijn Vanouplines Date: Sat, 11 May 2024 22:12:49 +0200 Subject: [PATCH 4/6] set default value to "column" --- assets/scss/frontend/main.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/scss/frontend/main.scss b/assets/scss/frontend/main.scss index c7ba8d9ed..6bdac85cc 100644 --- a/assets/scss/frontend/main.scss +++ b/assets/scss/frontend/main.scss @@ -646,10 +646,10 @@ input[type="range"] { } .jet-form-builder__fields-group { - display: flex; - flex-direction: row; + display: flex; + flex-direction: column; flex-wrap: wrap; - gap: .7em; + gap: .7em; } .jet-form-builder__field-wrap.checkradio-wrap span { @@ -706,4 +706,4 @@ input[type="range"] { .jet-fb-map-field { width: 100%; -} \ No newline at end of file +} From a7d44c488bbf8bcff02d2b8a6870fd6bd953a427 Mon Sep 17 00:00:00 2001 From: Stijn Vanouplines Date: Sat, 11 May 2024 22:12:56 +0200 Subject: [PATCH 5/6] set default value to "column" --- assets/css/frontend.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/frontend.css b/assets/css/frontend.css index fdd0179e5..bd7eaad03 100644 --- a/assets/css/frontend.css +++ b/assets/css/frontend.css @@ -1 +1 @@ -.jfb-progress-type--default{padding-bottom:1.5em;flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center}.jfb-progress-type--default .jet-form-builder-progress-pages__item{display:flex;flex-direction:column;align-items:center;padding:.5em 2em;position:relative}.jfb-progress-type--default .jet-form-builder-progress-pages__item--circle{width:2.5em;height:2.5em;border:1px solid gray;border-radius:50%;display:flex;justify-content:center;align-items:center}.jfb-progress-type--default .jet-form-builder-progress-pages__item--label{position:absolute;top:100%;max-width:300px;text-align:center;white-space:nowrap}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--circle{border:2px solid #617be5}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--circle{border:2px solid #34d7a1}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper:not(:last-child){flex:1 1}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page{color:#617be5;font-weight:bold}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page{color:#34d7a1;font-weight:bold}.jfb-progress-type--default .jet-form-builder-progress-pages__separator{flex:1 1;height:1px;background:gray}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item+.jet-form-builder-progress-pages__separator{background-color:#617be5;height:3px}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item+.jet-form-builder-progress-pages__separator{background-color:#34d7a1;height:3px}.jet-form-builder__action-button-wrapper{display:flex;width:100%}.jet-form-builder__submit-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-start;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;width:100%}:root{--jet-fb__range-field-slider--size: 18px;--jet-fb__range-field-slider--br: 50%;--jet-fb__range-field-slider--bgc: #ccc;--jet-fb__range-field-range--height: 4px;--jet-fb__range-field-range--bgc: #e3ddd8}.jet-form-builder.is-loading{opacity:.5;pointer-events:none}.jet-form-builder-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:5px 0;flex-direction:column}.jet-form-builder-row.is-loading{opacity:.5}.jet-form-builder-row.jet-form-builder-row--hidden{margin:0 !important;padding:0 !important}.jet-form-builder__group-break{width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.jet-form-builder-col{min-height:1px;padding:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.jet-form-builder-col.field-type-heading{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.layout-row .jet-form-builder-col{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.jet-form-builder-col__start{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.jet-form-builder-col__end{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.jet-form-builder--hidden{display:none}.jet-form-builder-page--hidden{display:none}.jet-form-builder__calculated-field{display:flex;width:100%}.jet-form-builder__calculated-field--hidden{display:none}.layout-column .jet-form-builder__label{max-width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.jet-form-builder__heading,.jet-form-builder__label{width:100%}.jet-form-builder__field-error{width:100%}.jet-form-builder__desc{display:block}.layout-column .jet-form-builder__desc{max-width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.jet-form-builder__prev-page{outline:none}.jet-form-builder__field{-webkit-box-sizing:border-box;box-sizing:border-box}.layout-column .jet-form-builder__field{max-width:100%;width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;margin:unset}.layout-row .jet-form-builder__field{width:100%}.jet-form-builder__field-wrap{position:relative}.jet-form-builder__field-label{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-form-builder__field-template+.jet-form-builder__field-label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0}.jet-form-builder__field-label input{margin:0 5px 0 0}.rtl .jet-form-builder__field-label input{margin:0 0 0 5px}.jet-form-builder__field-template{cursor:pointer}.jet-form-builder__field-value{white-space:nowrap;display:flex}.jet-form-builder__field-value-number{text-align:center}button.jet-form-builder__submit{display:inline-flex;justify-content:flex-start}.jet-form__check-mark{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form__check-mark__icon.is-svg-icon svg{display:block}.jet-form-builder__check-mark--default{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form-builder__field-template--checked .jet-form__check-mark--default{display:none}.jet-form-builder__check-mark--checked{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form-builder__field-template--checked .jet-form__check-mark--checked{display:-webkit-box;display:-ms-flexbox;display:flex}.jet-form-builder-repeater__initial{display:none}.jet-form-builder-repeater__row{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:15px 0}.jet-form-builder-repeater__row-fields{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.jet-form-builder-repeater__row .jet-form-builder-col{padding:0 5px}.jet-form-builder-repeater__actions{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0 0 0}.jet-form-builder-repeater__remove{margin:0 0 0 10px;text-decoration:none !important}.layout-column .jet-form-builder__fields-group.checkradio-wrap{width:100%}.jet-form-builder__field-wrap.range-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}input[type=range].jet-form-builder__field.range-field{margin-right:10px;-webkit-appearance:none;min-height:var(--jet-fb__range-field-slider--size, 18px);width:100%}.rtl input[type=range].jet-form-builder__field.range-field{margin-left:10px;margin-right:0;width:100%}input[type=range].jet-form-builder__field.range-field,input[type=range].jet-form-builder__field.range-field:focus{padding:0;background:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;outline:none}input[type=range].jet-form-builder__field.range-field::-webkit-slider-runnable-track{width:100%;height:var(--jet-fb__range-field-range--height, 4px);background:var(--jet-fb__range-field-range--bgc, #e3ddd8);border-radius:var(--jet-fb__range-field-range--br, 0);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-moz-range-track,input[type=range].jet-form-builder__field.range-field::-ms-track{width:100%;height:var(--jet-fb__range-field-range--height, 4px);background:var(--jet-fb__range-field-range--bgc, #e3ddd8);border-radius:var(--jet-fb__range-field-range--br, 0);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-ms-track{color:rgba(0,0,0,0)}input[type=range].jet-form-builder__field.range-field::-webkit-slider-thumb{width:var(--jet-fb__range-field-slider--size, 18px);height:var(--jet-fb__range-field-slider--size, 18px);background:var(--jet-fb__range-field-slider--bgc, #ccc);border-radius:var(--jet-fb__range-field-slider--br, 50%);cursor:pointer;box-shadow:none;border:none;margin-top:calc((var(--jet-fb__range-field-slider--size, 18px) - var(--jet-fb__range-field-range--height, 4px))/-2);-webkit-appearance:none}input[type=range].jet-form-builder__field.range-field::-moz-range-thumb,input[type=range].jet-form-builder__field.range-field::-ms-thumb{width:var(--jet-fb__range-field-slider--size, 18px);height:var(--jet-fb__range-field-slider--size, 18px);background:var(--jet-fb__range-field-slider--bgc, #ccc);border-radius:var(--jet-fb__range-field-slider--br, 50%);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-ms-fill-upper,input[type=range].jet-form-builder__field.range-field::-ms-fill-lower{background:rgba(0,0,0,0)}.jet-form-builder-message{margin:20px 0 0 0;text-align:center;padding:20px}.jet-form-builder-message--success{border:1px solid green;color:green}.jet-form-builder-message--error{border:1px solid red;color:red}.jet-form-builder-file-upload__files{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.jet-form-builder-file-upload__content{min-height:100px;min-width:100px;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.jet-form-builder-file-upload__loader{top:0;left:0;right:10px;bottom:10px;position:absolute;background:rgba(0,0,0,.5);display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-form-builder-file-upload__file{width:100px;height:100px;margin:0 10px 10px 0;position:relative;background-color:rgba(123,123,123,.2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237a7a7a' width='48px' height='48px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.jet-form-builder-file-upload__file-remove{position:absolute;left:0;right:0;top:50%;bottom:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 200ms linear;transition:opacity 200ms linear;opacity:0;background:rgba(0,0,0,.4)}.jet-form-builder-file-upload__file-remove svg path{fill:#fff}.jet-form-builder-file-upload__file-invalid-marker{position:absolute;top:.15em;right:.15em;background-color:#fff;border-radius:50%;color:brown;height:24px}.jet-form-builder-file-upload__file img{display:block;width:100%;height:100% !important;padding:0;margin:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.jet-form-builder-file-upload__file:hover .jet-form-builder-file-upload__file-remove{opacity:1}.jet-form-builder-file-upload__errors.is-hidden{display:none}.jet-form-builder-file-upload .is-loading .jet-form-builder-file-upload__file{opacity:.5}.jet-form-builder-file-upload .is-loading .jet-form-builder-file-upload__loader{display:-webkit-box;display:-ms-flexbox;display:flex}.jet-form-builder-file-upload .sortable-placeholder{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;margin:0 10px 10px 0;position:relative;background:rgba(123,123,123,.2);height:100px}.jet-form-builder-file-upload__input{border:none !important;padding:0 !important;border-radius:0 !important;margin:0 !important;width:auto !important}.jet-form-builder__field-wrap:not(.checkradio-wrap){width:100%}.jet-form-builder__field.checkradio-field{position:absolute;z-index:-1;opacity:0}.jet-form-builder__field-label{display:inline-flex;align-items:center;user-select:none}.jet-form-builder__field-label>span::before{content:"";display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;flex-grow:0;border:1px solid #adb5bd;background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.jet-form-builder__field-label.for-radio>span::before{border-radius:50%}.jet-form-builder__field-label.for-radio :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.jet-form-builder__field-label.for-radio :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.jet-form-builder__field-label.for-radio :focus:not(:checked)+span::before{border-color:#80bdff}.jet-form-builder__field-label.for-radio :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.jet-form-builder__field-label.for-radio :disabled+span::before{background-color:#e9ecef}.jet-form-builder__field-label.for-checkbox>span::before{border-radius:10%}.jet-form-builder__field-label.for-checkbox :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.jet-form-builder__field-label.for-checkbox :focus:not(:checked)+span::before{border-color:#80bdff}.jet-form-builder__field-label.for-checkbox :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.jet-form-builder__field-label.for-checkbox :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.jet-form-builder__field-label.for-checkbox :disabled+span::before{background-color:#e9ecef}.jet-form-builder__fields-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:.7em}.jet-form-builder__field-wrap.checkradio-wrap span{display:flex;align-items:center;gap:8px}.rtl .jet-form-builder-row,.rtl .jet-form-builder__field,.rtl .jet-form-builder__next-page-wrap{text-align:right}.rtl .jet-form-builder__field-label>span::before{margin-right:unset;margin-left:.5em}.jet-form-builder-row.field-has-error .error-message{color:red;font-size:.8rem}.jet-form-builder__field.field-has-error+.error-message{color:red;font-size:.8rem}.jet-form-builder__field.field-has-error .error-message{color:red;font-size:.8rem}.block-editor-block-list__block[data-type^="jet-forms/"]{max-width:100%}.components-button.has-icon:not(.has-text) .dashicon.dashicon{margin:unset}.layout-row .jet-form-builder-row{flex-wrap:nowrap;flex-direction:row}.jet-fb-map-field{width:100%} +.jfb-progress-type--default{padding-bottom:1.5em;flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center}.jfb-progress-type--default .jet-form-builder-progress-pages__item{display:flex;flex-direction:column;align-items:center;padding:.5em 2em;position:relative}.jfb-progress-type--default .jet-form-builder-progress-pages__item--circle{width:2.5em;height:2.5em;border:1px solid gray;border-radius:50%;display:flex;justify-content:center;align-items:center}.jfb-progress-type--default .jet-form-builder-progress-pages__item--label{position:absolute;top:100%;max-width:300px;text-align:center;white-space:nowrap}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--circle{border:2px solid #617be5}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--circle{border:2px solid #34d7a1}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper:not(:last-child){flex:1 1}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page{color:#617be5;font-weight:bold}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page{color:#34d7a1;font-weight:bold}.jfb-progress-type--default .jet-form-builder-progress-pages__separator{flex:1 1;height:1px;background:gray}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item+.jet-form-builder-progress-pages__separator{background-color:#617be5;height:3px}.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item+.jet-form-builder-progress-pages__separator{background-color:#34d7a1;height:3px}.jet-form-builder__action-button-wrapper{display:flex;width:100%}.jet-form-builder__submit-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-start;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;width:100%}:root{--jet-fb__range-field-slider--size: 18px;--jet-fb__range-field-slider--br: 50%;--jet-fb__range-field-slider--bgc: #ccc;--jet-fb__range-field-range--height: 4px;--jet-fb__range-field-range--bgc: #e3ddd8}.jet-form-builder.is-loading{opacity:.5;pointer-events:none}.jet-form-builder-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:5px 0;flex-direction:column}.jet-form-builder-row.is-loading{opacity:.5}.jet-form-builder-row.jet-form-builder-row--hidden{margin:0 !important;padding:0 !important}.jet-form-builder__group-break{width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.jet-form-builder-col{min-height:1px;padding:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.jet-form-builder-col.field-type-heading{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.layout-row .jet-form-builder-col{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.jet-form-builder-col__start{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.jet-form-builder-col__end{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.jet-form-builder--hidden{display:none}.jet-form-builder-page--hidden{display:none}.jet-form-builder__calculated-field{display:flex;width:100%}.jet-form-builder__calculated-field--hidden{display:none}.layout-column .jet-form-builder__label{max-width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.jet-form-builder__heading,.jet-form-builder__label{width:100%}.jet-form-builder__field-error{width:100%}.jet-form-builder__desc{display:block}.layout-column .jet-form-builder__desc{max-width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.jet-form-builder__prev-page{outline:none}.jet-form-builder__field{-webkit-box-sizing:border-box;box-sizing:border-box}.layout-column .jet-form-builder__field{max-width:100%;width:100%;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;margin:unset}.layout-row .jet-form-builder__field{width:100%}.jet-form-builder__field-wrap{position:relative}.jet-form-builder__field-label{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-form-builder__field-template+.jet-form-builder__field-label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0}.jet-form-builder__field-label input{margin:0 5px 0 0}.rtl .jet-form-builder__field-label input{margin:0 0 0 5px}.jet-form-builder__field-template{cursor:pointer}.jet-form-builder__field-value{white-space:nowrap;display:flex}.jet-form-builder__field-value-number{text-align:center}button.jet-form-builder__submit{display:inline-flex;justify-content:flex-start}.jet-form__check-mark{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form__check-mark__icon.is-svg-icon svg{display:block}.jet-form-builder__check-mark--default{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form-builder__field-template--checked .jet-form__check-mark--default{display:none}.jet-form-builder__check-mark--checked{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-form-builder__field-template--checked .jet-form__check-mark--checked{display:-webkit-box;display:-ms-flexbox;display:flex}.jet-form-builder-repeater__initial{display:none}.jet-form-builder-repeater__row{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:15px 0}.jet-form-builder-repeater__row-fields{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.jet-form-builder-repeater__row .jet-form-builder-col{padding:0 5px}.jet-form-builder-repeater__actions{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0 0 0}.jet-form-builder-repeater__remove{margin:0 0 0 10px;text-decoration:none !important}.layout-column .jet-form-builder__fields-group.checkradio-wrap{width:100%}.jet-form-builder__field-wrap.range-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}input[type=range].jet-form-builder__field.range-field{margin-right:10px;-webkit-appearance:none;min-height:var(--jet-fb__range-field-slider--size, 18px);width:100%}.rtl input[type=range].jet-form-builder__field.range-field{margin-left:10px;margin-right:0;width:100%}input[type=range].jet-form-builder__field.range-field,input[type=range].jet-form-builder__field.range-field:focus{padding:0;background:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;outline:none}input[type=range].jet-form-builder__field.range-field::-webkit-slider-runnable-track{width:100%;height:var(--jet-fb__range-field-range--height, 4px);background:var(--jet-fb__range-field-range--bgc, #e3ddd8);border-radius:var(--jet-fb__range-field-range--br, 0);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-moz-range-track,input[type=range].jet-form-builder__field.range-field::-ms-track{width:100%;height:var(--jet-fb__range-field-range--height, 4px);background:var(--jet-fb__range-field-range--bgc, #e3ddd8);border-radius:var(--jet-fb__range-field-range--br, 0);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-ms-track{color:rgba(0,0,0,0)}input[type=range].jet-form-builder__field.range-field::-webkit-slider-thumb{width:var(--jet-fb__range-field-slider--size, 18px);height:var(--jet-fb__range-field-slider--size, 18px);background:var(--jet-fb__range-field-slider--bgc, #ccc);border-radius:var(--jet-fb__range-field-slider--br, 50%);cursor:pointer;box-shadow:none;border:none;margin-top:calc((var(--jet-fb__range-field-slider--size, 18px) - var(--jet-fb__range-field-range--height, 4px))/-2);-webkit-appearance:none}input[type=range].jet-form-builder__field.range-field::-moz-range-thumb,input[type=range].jet-form-builder__field.range-field::-ms-thumb{width:var(--jet-fb__range-field-slider--size, 18px);height:var(--jet-fb__range-field-slider--size, 18px);background:var(--jet-fb__range-field-slider--bgc, #ccc);border-radius:var(--jet-fb__range-field-slider--br, 50%);cursor:pointer;box-shadow:none;border:none}input[type=range].jet-form-builder__field.range-field::-ms-fill-upper,input[type=range].jet-form-builder__field.range-field::-ms-fill-lower{background:rgba(0,0,0,0)}.jet-form-builder-message{margin:20px 0 0 0;text-align:center;padding:20px}.jet-form-builder-message--success{border:1px solid green;color:green}.jet-form-builder-message--error{border:1px solid red;color:red}.jet-form-builder-file-upload__files{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.jet-form-builder-file-upload__content{min-height:100px;min-width:100px;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.jet-form-builder-file-upload__loader{top:0;left:0;right:10px;bottom:10px;position:absolute;background:rgba(0,0,0,.5);display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-form-builder-file-upload__file{width:100px;height:100px;margin:0 10px 10px 0;position:relative;background-color:rgba(123,123,123,.2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237a7a7a' width='48px' height='48px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.jet-form-builder-file-upload__file-remove{position:absolute;left:0;right:0;top:50%;bottom:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 200ms linear;transition:opacity 200ms linear;opacity:0;background:rgba(0,0,0,.4)}.jet-form-builder-file-upload__file-remove svg path{fill:#fff}.jet-form-builder-file-upload__file-invalid-marker{position:absolute;top:.15em;right:.15em;background-color:#fff;border-radius:50%;color:brown;height:24px}.jet-form-builder-file-upload__file img{display:block;width:100%;height:100% !important;padding:0;margin:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.jet-form-builder-file-upload__file:hover .jet-form-builder-file-upload__file-remove{opacity:1}.jet-form-builder-file-upload__errors.is-hidden{display:none}.jet-form-builder-file-upload .is-loading .jet-form-builder-file-upload__file{opacity:.5}.jet-form-builder-file-upload .is-loading .jet-form-builder-file-upload__loader{display:-webkit-box;display:-ms-flexbox;display:flex}.jet-form-builder-file-upload .sortable-placeholder{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;margin:0 10px 10px 0;position:relative;background:rgba(123,123,123,.2);height:100px}.jet-form-builder-file-upload__input{border:none !important;padding:0 !important;border-radius:0 !important;margin:0 !important;width:auto !important}.jet-form-builder__field-wrap:not(.checkradio-wrap){width:100%}.jet-form-builder__field.checkradio-field{position:absolute;z-index:-1;opacity:0}.jet-form-builder__field-label{display:inline-flex;align-items:center;user-select:none}.jet-form-builder__field-label>span::before{content:"";display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;flex-grow:0;border:1px solid #adb5bd;background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.jet-form-builder__field-label.for-radio>span::before{border-radius:50%}.jet-form-builder__field-label.for-radio :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.jet-form-builder__field-label.for-radio :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.jet-form-builder__field-label.for-radio :focus:not(:checked)+span::before{border-color:#80bdff}.jet-form-builder__field-label.for-radio :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.jet-form-builder__field-label.for-radio :disabled+span::before{background-color:#e9ecef}.jet-form-builder__field-label.for-checkbox>span::before{border-radius:10%}.jet-form-builder__field-label.for-checkbox :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.jet-form-builder__field-label.for-checkbox :focus:not(:checked)+span::before{border-color:#80bdff}.jet-form-builder__field-label.for-checkbox :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.jet-form-builder__field-label.for-checkbox :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.jet-form-builder__field-label.for-checkbox :disabled+span::before{background-color:#e9ecef}.jet-form-builder__fields-group{display:flex;flex-direction:column;flex-wrap:wrap;gap:.7em}.jet-form-builder__field-wrap.checkradio-wrap span{display:flex;align-items:center;gap:8px}.rtl .jet-form-builder-row,.rtl .jet-form-builder__field,.rtl .jet-form-builder__next-page-wrap{text-align:right}.rtl .jet-form-builder__field-label>span::before{margin-right:unset;margin-left:.5em}.jet-form-builder-row.field-has-error .error-message{color:red;font-size:.8rem}.jet-form-builder__field.field-has-error+.error-message{color:red;font-size:.8rem}.jet-form-builder__field.field-has-error .error-message{color:red;font-size:.8rem}.block-editor-block-list__block[data-type^="jet-forms/"]{max-width:100%}.components-button.has-icon:not(.has-text) .dashicon.dashicon{margin:unset}.layout-row .jet-form-builder-row{flex-wrap:nowrap;flex-direction:row}.jet-fb-map-field{width:100%} From 881f456cbd564e39fd0c508c92067928ff6865dc Mon Sep 17 00:00:00 2001 From: Stijn Vanouplines Date: Sat, 11 May 2024 22:20:02 +0200 Subject: [PATCH 6/6] applied the "selectors_dictionary" property --- compatibility/elementor/widgets/form.php | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/compatibility/elementor/widgets/form.php b/compatibility/elementor/widgets/form.php index 15aa8ce8c..e8473e03f 100644 --- a/compatibility/elementor/widgets/form.php +++ b/compatibility/elementor/widgets/form.php @@ -1420,15 +1420,19 @@ protected function register_controls() { 'type' => Controls_Manager::CHOOSE, 'label_block' => false, 'options' => array( - 'row' => array( + 'inline-block' => array( 'title' => __( 'Horizontal', 'jet-form-builder' ), 'icon' => 'eicon-ellipsis-h', ), - 'column' => array( + 'block' => array( 'title' => __( 'Vertical', 'jet-form-builder' ), 'icon' => 'eicon-editor-list-ul', ), ), + 'selectors_dictionary' => array( + 'inline-block' => 'row', + 'block' => 'column', + ), 'selectors' => array( $this->selector( '__fields-group' ) => 'flex-direction: {{VALUE}};', ),