Merge pull request #186 from Safelite/feature/Digital/SSR-277

SSR-277

src/iss-components/site-footer/site-footer.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="row" :style="`padding-bottom: ${paddingHeight}px`">
+    <div class="row" >
     </div>
     <div class="footerImage" id="imgCity" v-if="footerImageURL" >
         <img id="siteFooterImage" :src="footerImageURL" />
@@ -160,8 +160,7 @@ export default {
 {
     text-align: center;
     position: sticky;
-    bottom: 65px;
+ }
-}
 
 @media only screen and (max-width: 340px) {
     .footerImage

src/layouts/address-lookup/address-lookup.vue

@@ -13,7 +13,7 @@
                 ref="vehicleBanner"
                 :displayGenericVehicleImage="false" />
             <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" ref="siteSubHeader" />
-            <div class="fade-on-route-transition sub-container make-tall overflow-auto px-5">
+            <div class="fade-on-route-transition sub-container overflow-scroll px-5">
                 <alert
                     ref="alertVinNotFound"
                     v-if="displayVinNotFoundAlert"
@@ -310,3 +310,11 @@ export default {
     },
 };
 </script>
+<style lang="scss">
+
+.overflow-scroll {    
+    height: calc(100% - 353px);   
+    overflow-X: hidden !important;
+   
+}
+</style>

src/layouts/policy-holder-details/policy-holder-details.vue

@@ -1,11 +1,11 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm"  v-slot="{ meta }" >
-        <div class="page-container-grouped-styles overflow-auto">
+        <div class="page-container-grouped-styles  ">
             <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-            <div class="fade-on-route-transition px-5">
+            <div class="fade-on-route-transition px-5 overflow-scroll">
                 <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" id="sub-header"/>
                 <addressQuestions ref="addressQuestions" v-model="customerQuestions.addressQuestions" includeStreetAddress2="true" id="address-questions-wrapper"/>
-                <div class="row mt-4">
+                <div class="row mt-4 ">
                     <div class="col">
                         <textboxQuestion
                             inputId="firstNameField"
@@ -17,7 +17,7 @@
                             validationRules="first-name-required" />
                     </div>        
                 </div>
-                <div class="row mt-4">
+                <div class="row mt-4 mb-2">
                     <div class="col">
                         <textboxQuestion
                             inputId="lastNameField"
@@ -137,6 +137,10 @@ export default {
 }
 </script>
 <style lang="scss">
+.overflow-scroll {    
+    height: calc(100% - 152px);   
+    overflow-X: hidden !important;   
+}
 .alert.alert-warning
 {
     margin-top: 20px;

src/layouts/vehicle-damage/vehicle-damage.vue

@@ -1,13 +1,13 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <div class="page-container-grouped-styles overflow-auto vehicle-damage">
+        <div class="page-container-grouped-styles vehicle-damage">
             <siteHeader cmsWidgetName="SiteHeaderWidget" />
             <vehicleBanner
                 class="mb-3"
                 cmsWidgetName="VehicleBannerWidget"
                 :displayGenericVehicleImage="false" />
             <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
-            <div class="fade-on-route-transition sub-container make-tall">
+            <div class="fade-on-route-transition sub-container overflow-scroll">
                 <alert
                     ref="vehicleChangeAlert"
                     v-if="shouldDisplayVehicleChangeAlert"
@@ -472,3 +472,10 @@ export default {
     },
 };
 </script>
+<style lang="scss">
+
+.overflow-scroll {    
+    height: calc(100% - 353px);   
+    overflow-X: hidden !important;   
+}
+</style>

src/layouts/vehicle-lookup/vehicle-lookup.vue

@@ -3,7 +3,7 @@
     @submit="onSubmit"
     @invalid-submit="onInvalidSubmit"
   >
-    <div class="page-container-grouped-styles overflow-auto vehicle-lookup">
+    <div class="page-container-grouped-styles vehicle-lookup">
       <SiteHeader
         cms-widget-name="SiteHeaderWidget"
       />
@@ -15,7 +15,7 @@
       <SiteSubHeader
         cms-widget-name="SiteSubHeaderWidget"
       />
-      <div class="fade-on-route-transition sub-container make-tall container gx-0">
+      <div class="fade-on-route-transition sub-container  overflow-scroll container gx-0">
         <VinLookupMethods
           v-model="selectedVinLookupMethod"
           cms-widget-name="VINLookupMethod"
@@ -115,3 +115,10 @@ export default {
   },
 };
 </script>
+<style lang="scss">
+
+.overflow-scroll {    
+    height: calc(100% - 353px);   
+    overflow-X: hidden !important;   
+}
+</style>

src/layouts/welcome-page/welcome-page.vue

@@ -3,7 +3,7 @@
 
     <div class="page-container-grouped-styles welcome">
         <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-        <div class="fade-on-route-transition h-100 overflow-auto container">
+        <div class="fade-on-route-transition  overflow-scroll container">
 
             <siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/>
             <div class="row mt-4 px-3">
@@ -333,6 +333,11 @@
 </script>
 
 <style lang="scss">
+
+.overflow-scroll {    
+    height: calc(100% - 152px);   
+    overflow-X: hidden !important;   
+}
 .my-2
 {
     margin-bottom: 0rem !important;