Merge branch 'develop' into feature/Digital/SSR-275

This commit is contained in:
Jeremy Zimmerman 2023-03-08 13:17:40 -05:00
commit 0d2fa8538a
6 changed files with 43 additions and 13 deletions

View file

@ -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

View file

@ -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>

View file

@ -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;

View file

@ -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>

View file

@ -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>

View file

@ -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;