CSR-1012 | moved body padding into modal component

src/digital-components/modal/modal.vue

@@ -17,7 +17,9 @@
                         data-bs-dismiss="modal"
                         aria-label="Close"></button>
                 </div>
-                <slot></slot>
+                <div class="modal-body ps-5 pe-5 pt-5 pb-4">
+                    <slot></slot>
+                </div>
                 <div class="modal-footer px-5 py-4">
                     <buttonMain
                         isPrimary

src/fmg-components/content-group-modal/content-group-modal.vue

@@ -4,16 +4,14 @@
         :modalId="ModalName"
         :footerButtonText="ModalCloseButtonText"
         @footer-button-event="footerButtonClick">
-        <div class="modal-body ps-4 pe-4 pt-5 pb-4">
+        <img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
-            <img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
+        <h5 class="mb-4" v-html="ModalHeadline"></h5>
-            <h5 class="mb-4" v-html="ModalHeadline"></h5>
+        <p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
-            <p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
+        <p class="mb-0" v-html="ModalBodyText"></p>
-            <p class="mb-0" v-html="ModalBodyText"></p>
+        <p
-            <p
+            class="my-4 caption modal-sub-body"
-                class="my-4 caption modal-sub-body"
+            v-if="ModalSubBodyText"
-                v-if="ModalSubBodyText"
+            v-html="ModalSubBodyText"></p>
-                v-html="ModalSubBodyText"></p>
-        </div>
     </modal>
 </template>
 

src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue

@@ -19,17 +19,16 @@
     </div>
     <modal
         ref="mobileServiceModal"
-        :cmsWidgetName="this.modalWidgetName"
+        :modalId="this.modalWidgetName"
         :onModalOpenedCallback="onModalOpened"
-        :footerButtonCallback="saveMobileLocationData">
+        :footerButtonText="mobileLocationDisplayText"
-        <div class="modal-body ps-5 pe-5 pt-5 pb-4">
+        @footer-button-event="saveMobileLocationData">
-            <addressQuestions
+        <addressQuestions
-                ref="addressQuestions"
+            ref="addressQuestions"
-                v-model="mobileQuestionModel.addressQuestions"
+            v-model="mobileQuestionModel.addressQuestions"
-                captureApartmentNumberOrBusinessName="true" />
+            captureApartmentNumberOrBusinessName="true" />
-            <vehicleProtectedQuestion v-model="mobileQuestionModel.selectedValue"/>
+        <vehicleProtectedQuestion v-model="mobileQuestionModel.selectedValue"/>
-            <textBlock cmsWidgetName="QuoteEmailTextBlockWidget" typeStyle="caption" />
+        <textBlock cmsWidgetName="QuoteEmailTextBlockWidget" typeStyle="caption" />
-        </div>
     </modal>
 </template>
 
@@ -106,6 +105,9 @@ export default {
                 input.focus();
             });
         },
+        saveMobileLocationData() {
+
+        },
     },
     computed: {
         getModalId() {

src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue

@@ -22,7 +22,6 @@
         :onModalOpenedCallback="onModalOpened"
         :footerButtonText="footerButtonText"
         @footer-button-event="setZip">
-        <div class="ps-4 pe-4 pb-4">
             <textboxQuestion
                 ref="zipInputTextQuestion"
                 :cmsWidgetName="this.textboxQuestionWidgetName"
@@ -48,7 +47,6 @@
                 :manualHeadline="AlertNonServiceableZipHeader"
                 alertClass="alert-danger"
                 v-bind:isDismissible="false" />
-        </div>
     </modal>
 </template>