Merge 'develop' into feature/digital/SSR-254

This commit is contained in:
katie 2023-03-13 15:41:42 -04:00
commit fa9631da03
7 changed files with 183 additions and 183 deletions

View file

@ -2,9 +2,9 @@
<div :class="`page-container-grouped-styles questions-page`"> <div :class="`page-container-grouped-styles questions-page`">
<loadingModal ref="loadingModal" /> <loadingModal ref="loadingModal" />
<siteHeader cmsWidgetName="SiteHeaderWidget" /> <siteHeader cmsWidgetName="SiteHeaderWidget" />
<div class="fade-on-route-transition sub-container overflow-scroll">
<vehicleBanner class="mb-3" cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" /> <vehicleBanner class="mb-3" cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" />
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget" /> <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
<div class="fade-on-route-transition sub-container overflow-scroll">
<alert <alert
ref="alertFewMoreQuestions" ref="alertFewMoreQuestions"
cmsWidgetName="alertWidget" cmsWidgetName="alertWidget"
@ -96,7 +96,7 @@ export default {
<style lang="scss"> <style lang="scss">
.overflow-scroll { .overflow-scroll {
height: calc(100% - 368px); height: calc(100% - 180px);
overflow-x: hidden !important; overflow-x: hidden !important;
} }
.questions-page { .questions-page {

View file

@ -7,13 +7,13 @@
autocomplete="off"> autocomplete="off">
<div class="page-container-grouped-styles"> <div class="page-container-grouped-styles">
<siteHeader cmsWidgetName="SiteHeaderWidget" ref="siteHeader" /> <siteHeader cmsWidgetName="SiteHeaderWidget" ref="siteHeader" />
<div class="fade-on-route-transition sub-container overflow-scroll px-5">
<vehicleBanner <vehicleBanner
class="mb-3" class="mb-3"
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
ref="vehicleBanner" ref="vehicleBanner"
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget" ref="siteSubHeader" /> <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" ref="siteSubHeader" />
<div class="fade-on-route-transition sub-container overflow-scroll px-5">
<alert <alert
ref="alertVinNotFound" ref="alertVinNotFound"
v-if="displayVinNotFoundAlert" v-if="displayVinNotFoundAlert"
@ -350,7 +350,7 @@ export default {
<style lang="scss"> <style lang="scss">
.overflow-scroll { .overflow-scroll {
height: calc(100% - 368px); height: calc(100% - 180px);
overflow-X: hidden !important; overflow-X: hidden !important;
} }

View file

@ -5,12 +5,12 @@
v-slot="{ meta }"> v-slot="{ meta }">
<div class="page-container-grouped-styles"> <div class="page-container-grouped-styles">
<siteHeader cms-widget-name="SiteHeaderWidget" /> <siteHeader cms-widget-name="SiteHeaderWidget" />
<div class="fade-on-route-transition sub-container overflow-scroll mt-5 px-5">
<vehicleBanner <vehicleBanner
class="mb-3" class="mb-3"
cms-widget-name="VehicleBannerWidget" cms-widget-name="VehicleBannerWidget"
:display-generic-vehicle-image="false" /> :display-generic-vehicle-image="false" />
<siteSubHeader cms-widget-name="SiteSubHeaderWidget" /> <siteSubHeader cms-widget-name="SiteSubHeaderWidget" />
<div class="fade-on-route-transition sub-container overflow-scroll mt-5 px-5">
<alert <alert
ref="alertVinNotFound" ref="alertVinNotFound"
v-if="displayVinNotFoundAlert" v-if="displayVinNotFoundAlert"
@ -315,7 +315,7 @@ export default {
<style> <style>
.overflow-scroll { .overflow-scroll {
height: calc(100% - 392px); height: calc(100% - 220px);
overflow-x: hidden !important; overflow-x: hidden !important;
} }
#license-plate-question-wrapper .form-test-error { #license-plate-question-wrapper .form-test-error {

View file

@ -2,11 +2,6 @@
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }"> <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
<div class="page-container-grouped-styles vehicle-damage"> <div class="page-container-grouped-styles vehicle-damage">
<siteHeader cmsWidgetName="SiteHeaderWidget" /> <siteHeader cmsWidgetName="SiteHeaderWidget" />
<vehicleBanner
class="mb-3"
cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" />
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
<div class="fade-on-route-transition sub-container overflow-scroll"> <div class="fade-on-route-transition sub-container overflow-scroll">
<alert <alert
ref="vehicleChangeAlert" ref="vehicleChangeAlert"
@ -15,6 +10,11 @@
cmsWidgetName="VehicleChangeAlert" cmsWidgetName="VehicleChangeAlert"
alertClass="alert-warning" alertClass="alert-warning"
:isDismissible="false" /> :isDismissible="false" />
<vehicleBanner
class="mb-3"
cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" />
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
<damageLocationQuestion <damageLocationQuestion
ref="damageLocation" ref="damageLocation"
cmsWidgetName="DamageLocationQuestion" cmsWidgetName="DamageLocationQuestion"
@ -475,7 +475,7 @@ export default {
<style lang="scss"> <style lang="scss">
.overflow-scroll { .overflow-scroll {
height: calc(100% - 368px); height: calc(100% - 180px);
overflow-X: hidden !important; overflow-X: hidden !important;
} }
</style> </style>

View file

@ -7,6 +7,7 @@
<SiteHeader <SiteHeader
cms-widget-name="SiteHeaderWidget" cms-widget-name="SiteHeaderWidget"
/> />
<div class="fade-on-route-transition sub-container overflow-scroll container gx-0">
<VehicleBanner <VehicleBanner
class="mb-3" class="mb-3"
cms-widget-name="VehicleBannerWidget" cms-widget-name="VehicleBannerWidget"
@ -15,7 +16,6 @@
<SiteSubHeader <SiteSubHeader
cms-widget-name="SiteSubHeaderWidget" cms-widget-name="SiteSubHeaderWidget"
/> />
<div class="fade-on-route-transition sub-container overflow-scroll container gx-0">
<VinLookupMethods <VinLookupMethods
v-model="selectedVinLookupMethod" v-model="selectedVinLookupMethod"
cms-widget-name="VINLookupMethod" cms-widget-name="VINLookupMethod"
@ -120,7 +120,7 @@ export default {
<style lang="scss"> <style lang="scss">
.overflow-scroll { .overflow-scroll {
height: calc(100% - 368px); height: calc(100% - 180px);
overflow-X: hidden !important; overflow-X: hidden !important;
} }
</style> </style>

View file

@ -2,13 +2,13 @@
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm"> <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm">
<div class="page-container-grouped-styles vehicle-parts"> <div class="page-container-grouped-styles vehicle-parts">
<siteHeader ref="siteHeader" cmsWidgetName="SiteHeaderWidget" /> <siteHeader ref="siteHeader" cmsWidgetName="SiteHeaderWidget" />
<div class="fade-on-route-transition sub-container overflow-scroll px-5">
<vehicleBanner <vehicleBanner
class="mb-3" class="mb-3"
ref="vehicleBanner" ref="vehicleBanner"
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
<siteSubHeader ref="siteSubHeader" cmsWidgetName="SiteSubHeaderWidget" /> <siteSubHeader ref="siteSubHeader" cmsWidgetName="SiteSubHeaderWidget" />
<div class="fade-on-route-transition sub-container overflow-scroll px-5">
<div class="prevent-squish my-5"> <div class="prevent-squish my-5">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@ -223,7 +223,7 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.overflow-scroll { .overflow-scroll {
height: calc(100% - 368px); height: calc(100% - 180px);
overflow-x: hidden !important; overflow-x: hidden !important;
} }
</style> </style>

View file

@ -8,6 +8,8 @@
<siteHeader <siteHeader
cmsWidgetName="SiteHeaderWidget" cmsWidgetName="SiteHeaderWidget"
/> />
<div class="px-4 overflow-scroll ">
<div class="fade-on-route-transition sub-container px-2 mt-5">
<vehicleBanner <vehicleBanner
class="mb-3" class="mb-3"
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
@ -16,8 +18,6 @@
<siteSubHeader <siteSubHeader
cmsWidgetName="SiteSubHeaderWidget" cmsWidgetName="SiteSubHeaderWidget"
/> />
<div class="px-4 overflow-scroll ">
<div class="fade-on-route-transition sub-container px-2 mt-5">
<vinLookupAlerts <vinLookupAlerts
:activeAlertType="activeVehicleLookupAlertType" :activeAlertType="activeVehicleLookupAlertType"
/> />
@ -275,7 +275,7 @@ export default {
</script> </script>
<style> <style>
.overflow-scroll { .overflow-scroll {
height: calc(100% - 368px); height: calc(100% - 180px);
overflow-X: hidden !important; overflow-X: hidden !important;
} }