jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Jeremy Zimmerman 2023-03-07 14:01:49 -05:00
commit df241cc1e7
6 changed files with 31 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/vehicle-damage/vehicle-damage.vue
View file

@ -1,6 +1,6 @@
<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 overflow-auto vehicle-damage">
<siteHeader cmsWidgetName="SiteHeaderWidget" />
<vehicleBanner
class="mb-3"

4
src/layouts/vehicle-lookup/vehicle-lookup.vue
View file

@ -3,7 +3,7 @@
@submit="onSubmit"
@invalid-submit="onInvalidSubmit"
>
<div class="page-container-grouped-styles overflow-auto">
<div class="page-container-grouped-styles overflow-auto 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">
<div class="fade-on-route-transition sub-container make-tall container gx-0">
<VinLookupMethods
v-model="selectedVinLookupMethod"
cms-widget-name="VINLookupMethod"

4
src/layouts/vin-lookup/vin-lookup.vue
View file

@ -16,8 +16,8 @@
<siteSubHeader
cmsWidgetName="SiteSubHeaderWidget"
/>
<div class="px-5">
<div class="fade-on-route-transition sub-container make-tall mt-5">
<div class="px-4">
<div class="fade-on-route-transition sub-container make-tall px-2 mt-5">
<vinLookupAlerts
:activeAlertType="activeVehicleLookupAlertType"
/>

23
src/layouts/welcome-page/welcome-page.vue
View file

@ -1,12 +1,12 @@
<template>
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }" >
<div class="page-container-grouped-styles welcome">
<div class="page-container-grouped-styles welcome">
<siteHeader cmsWidgetName="SiteHeaderWidget"/>
<div class="fade-on-route-transition h-100 overflow-auto ">
<div class="fade-on-route-transition h-100 overflow-auto container">
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/>
<div class="row mt-4 px-5">
<div class="row mt-4 px-3">
<div class="col">
<textboxQuestion
inputId="policyNumberField"
@ -18,7 +18,7 @@
validationRules="policy-number-required" />
</div>
</div>
<div class="row mt-4 px-5">
<div class="row mt-4 px-3">
<div class="col">
<textboxQuestion
type="date"
@ -39,7 +39,7 @@
<textBlock cmsWidgetName="DamageDateEstimateWidget" typeStyle="caption" class="mt-2" />
</div>
</div>
<div class="row mt-4 px-5">
<div class="row mt-4 px-3">
<div class="col">
<dropdownQuestion
cmsWidgetName="DamageCauseQuestion"
@ -53,7 +53,7 @@
/>
</div>
</div>
<div class="row mt-4 px-5">
<div class="row mt-4 px-3">
<div class="col">
<textboxQuestion
inputId="damageCityField"
@ -65,7 +65,7 @@
validationRules="loss-city-required" />
</div>
</div>
<div class="row mt-4 px-5">
<div class="row mt-4 px-3">
<div class="col">
<dropdownQuestion
cmsWidgetName="DamageStateQuestion"
@ -82,6 +82,7 @@
</div>
<div class="row mt-4">
<buttonQuestion
class="px-0"
cmsWidgetName="GlassOnlyQuestion"
v-model="welcomePageModel.isDamageGlassOnly"
inputId = "isDamageGlassOnly"
@ -93,7 +94,7 @@
ref="glassOnlyDamage"
disableAutoFill/>
</div>
<div class="row mt-4 px-5">
<div class="row mt-4 px-3">
<div class="col">
<textboxQuestion
inputId="phoneNumberField"
@ -106,7 +107,7 @@
disableAutoFill />
</div>
</div>
<div class="row mt-4 px-5">
<div class="row mt-4 px-3">
<div class="col">
<textboxQuestion
inputId="emailField"
@ -186,7 +187,7 @@
},
setup() {
const mainStore = useMainStore();
// Set order account number from the issConfig.
mainStore.order.accountNumber = mainStore.issConfig.accountNumber;

8
src/styles/common-error-styles.scss
View file

@ -159,6 +159,14 @@ html {
font-size: 0.875rem;
font-weight: 500;
}
.vehicle-damage,
.vehicle-lookup {
.form-test-error {
margin: 0;
padding: 0 .75rem;
}
}
.form-test-invalid {
&.btn.btn-primary {

12
src/styles/common-styles.scss
View file

@ -25,16 +25,17 @@ body {
.container-fluid {
overflow: hidden;
}
.sub-container{
&.make-tall {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
overflow-x: hidden;
}
}
.sr-only {
position: absolute;
left: -10000px;
@ -43,11 +44,11 @@ body {
height: 1px;
overflow: hidden;
}
.page-container-grouped-styles {
@extend .container-fluid, .shadow, .rounded-3, .p-0, .position-relative, .make-tall;
}
//Footer modal backdrop adjustments for positioning
.modal-backdrop {
left: 50%;
@ -55,6 +56,5 @@ body {
max-width: 576px;
height: calc(100% - 72px);
}
}