Merge 'develop' into feature/digital/SSR-254
This commit is contained in:
commit
fa9631da03
7 changed files with 183 additions and 183 deletions
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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"
|
||||||
/>
|
/>
|
||||||
|
|
@ -40,7 +40,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Form>
|
</Form>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
// Import Supporting Files
|
// Import Supporting Files
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue