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

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

Browse source 
SSR-227
This commit is contained in:
shnsuku 2023-03-10 11:33:53 +05:30 committed by GitHub
commit c6e2a78534
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 51 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/digital-components/button-question/button-question.vue
View file

@ -229,7 +229,7 @@ export default {
.overflow-scroll {
// Height will be determined by overall height of content above list
height: calc(100% - 383px);
height: calc(100% - 400px);
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
}

6
src/iss-components/questions-page-layout/questions-page-layout.vue
View file

@ -4,7 +4,7 @@
<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="alertFewMoreQuestions"
cmsWidgetName="alertWidget"
@ -95,6 +95,10 @@ export default {
</script>
<style lang="scss">
.overflow-scroll {
height: calc(100% - 368px);
overflow-x: hidden !important;
}
.questions-page {
.question-text {
margin-bottom: 0.5rem;

2
src/layouts/address-lookup/address-lookup.vue
View file

@ -313,7 +313,7 @@ export default {
<style lang="scss">
.overflow-scroll {
height: calc(100% - 353px);
height: calc(100% - 368px);
overflow-X: hidden !important;
}

12
src/layouts/address-vehicles/address-vehicles.vue
View file

@ -5,7 +5,7 @@
ref="theForm"
v-slot="{ meta }"
>
<div class="page-container-grouped-styles overflow-auto">
<div class="page-container-grouped-styles ">
<siteHeader cmsWidgetName="SiteHeaderWidget" />
<vehicleBanner
class="mb-3"
@ -14,7 +14,7 @@
/>
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
<div class="px-5">
<div class="px-5 ">
<alert
cmsWidgetName="FoundMultipleVehicles"
ref="alertFoundMultipleVehicles"
@ -26,7 +26,7 @@
id="multiple-vehicles-alert"
/>
</div>
<div class="overflow-scroll">
<addressVehiclesQuestion
ref="addressVehiclesQuestion"
cmsWidgetName="VehicleConfirmationQuestion"
@ -54,6 +54,7 @@
</span>
</div>
</div>
</div>
<siteFooter
cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled="!meta.valid"
@ -270,4 +271,9 @@ export default {
#multiple-vehicles-alert p {
margin-bottom: 0 !important; // Overrides extra margin-bottom on alert body text
}
.overflow-scroll {
height: calc(100% - 432px);
overflow-X: hidden !important;
}
</style>

8
src/layouts/coverage-statement/coverage-statement.vue
View file

@ -4,11 +4,11 @@
@invalidSubmit="onInvalidSubmit"
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 sub-container make-tall px-5">
<div class="fade-on-route-transition sub-container overflow-scroll px-5">
<textBlock
cmsWidgetName="verifyingCoverageStatement"
typeStyle="h5"
@ -150,6 +150,10 @@ export default {
</script>
<style lang="scss">
.overflow-scroll {
height: calc(100% - 168px);
overflow-X: hidden !important;
}
ol {
margin-left: -1rem;
li {

9
src/layouts/license-plate-lookup/license-plate-lookup.vue
View file

@ -3,14 +3,14 @@
@submit="onSubmit"
@invalid-submit="onInvalidSubmit"
v-slot="{ meta }">
<div class="page-container-grouped-styles overflow-auto">
<div class="page-container-grouped-styles">
<siteHeader cms-widget-name="SiteHeaderWidget" />
<vehicleBanner
class="mb-3"
cms-widget-name="VehicleBannerWidget"
:display-generic-vehicle-image="false" />
<siteSubHeader cms-widget-name="SiteSubHeaderWidget" />
<div class="fade-on-route-transition sub-container make-tall mt-5 px-5">
<div class="fade-on-route-transition sub-container overflow-scroll mt-5 px-5">
<alert
ref="alertVinNotFound"
v-if="displayVinNotFoundAlert"
@ -276,6 +276,11 @@ export default {
</script>
<style>
.overflow-scroll {
height: calc(100% - 392px);
overflow-x: hidden !important;
}
#license-plate-question-wrapper .form-test-error {
/**
Override extra margin-bottom in the error message in TextboxQuestion

2
src/layouts/policy-holder-details/policy-holder-details.vue
View file

@ -138,7 +138,7 @@ export default {
</script>
<style lang="scss">
.overflow-scroll {
height: calc(100% - 152px);
height: calc(100% - 168px);
overflow-X: hidden !important;
}
.alert.alert-warning

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

@ -475,7 +475,7 @@ export default {
<style lang="scss">
.overflow-scroll {
height: calc(100% - 353px);
height: calc(100% - 368px);
overflow-X: hidden !important;
}
</style>

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

@ -118,7 +118,7 @@ export default {
<style lang="scss">
.overflow-scroll {
height: calc(100% - 353px);
height: calc(100% - 368px);
overflow-X: hidden !important;
}
</style>

8
src/layouts/vehicle-parts/vehicle-parts.vue
View file

@ -8,7 +8,7 @@
cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" />
<siteSubHeader ref="siteSubHeader" cmsWidgetName="SiteSubHeaderWidget" />
<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">
<div class="prevent-squish my-5">
<div class="row">
<div class="col">
@ -221,3 +221,9 @@ export default {
},
};
</script>
<style lang="scss">
.overflow-scroll {
height: calc(100% - 368px);
overflow-x: hidden !important;
}
</style>

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

@ -4,7 +4,7 @@
@invalidSubmit="onInvalidSubmit"
v-slot="{ meta }"
>
<div class="page-container-grouped-styles overflow-auto">
<div class="page-container-grouped-styles ">
<siteHeader
cmsWidgetName="SiteHeaderWidget"
/>
@ -16,8 +16,8 @@
<siteSubHeader
cmsWidgetName="SiteSubHeaderWidget"
/>
<div class="px-4">
<div class="fade-on-route-transition sub-container make-tall px-2 mt-5">
<div class="px-4 overflow-scroll ">
<div class="fade-on-route-transition sub-container px-2 mt-5">
<vinLookupAlerts
:activeAlertType="activeVehicleLookupAlertType"
/>
@ -241,3 +241,11 @@ export default {
},
};
</script>
<style>
.overflow-scroll {
height: calc(100% - 368px);
overflow-X: hidden !important;
}
</style>

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

@ -335,7 +335,7 @@
<style lang="scss">
.overflow-scroll {
height: calc(100% - 152px);
height: calc(100% - 165px);
overflow-X: hidden !important;
}
.my-2