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

Revert "Merge pull request #937 from Safelite/feature/reverting-csr-1050"

Browse source 
This reverts commit 416bed076f.
This commit is contained in:
Mark Harris 2023-01-16 15:07:24 -05:00
parent df7918a264
commit 95f9be0480
5 changed files with 23 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/common-components/funnel-sub-header/funnel-sub-header.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="current_car_info-text"> <div class="funnel-sub-header">
<div <div
class="d-flex align-items-center justify-content-center container-fluid overflow-hidden"> class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
<h5 class="text-center fw-normal mb-0" :class="headerColor"> <h5 class="text-center fw-normal mb-0" :class="headerColor">
@ -13,8 +13,9 @@
</h5> </h5>
</div> </div>
<div <div
v-if="subText"
class="d-flex align-items-center justify-content-center container-fluid overflow-hidden"> class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
<p class="text-center small fw-normal mb-0"> <p class="text-center small fw-normal sub-text">
<span> <span>
{{ subText }} {{ subText }}
</span> </span>
@ -77,4 +78,7 @@ h5 {
p.small { p.small {
color: $gray-550; color: $gray-550;
} }
.sub-text {
margin: 0;
}
</style> </style>

2
src/common-components/text-block/text-block.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="text-block d-flex w-100 mt-2" class="text-block w-100 mt-2"
:class="[justifyText, typeStyle, fontWeight]" :class="[justifyText, typeStyle, fontWeight]"
v-html="this.TextBlockCopy"></div> v-html="this.TextBlockCopy"></div>
</template> </template>

6
src/layouts/estimate/estimate.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<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"> <div class="page-container-grouped-styles estimate">
<loadingModal ref="loadingModal" /> <loadingModal ref="loadingModal" />
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
<vehicleBanner cmsWidgetName="VehicleBannerWidget" /> <vehicleBanner cmsWidgetName="VehicleBannerWidget" />
@ -300,12 +300,12 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.vinLookupMethodHeading p { .estimate .vinLookupMethodHeading p {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
color: $black; color: $black;
} }
div .current_car_info-text { .estimate .funnel-sub-header {
padding-bottom: 16px; padding-bottom: 16px;
} }
</style> </style>

17
src/layouts/quote/quote.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<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"> <div class="page-container-grouped-styles quote">
<loadingModal ref="loadingModal" /> <loadingModal ref="loadingModal" />
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
<vehicleBanner <vehicleBanner
@ -8,11 +8,6 @@
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" /> <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
<div class="fade-on-route-transition sub-container make-tall"> <div class="fade-on-route-transition sub-container make-tall">
<textBlock
cmsWidgetName="paymentServiceOptionsCopy"
justifyText="center"
typeStyle="small"
class="mt-2 mb-5" />
<cashOrInsuranceQuestion <cashOrInsuranceQuestion
ref="cashOrInsurance" ref="cashOrInsurance"
cmsWidgetName="CashOrInsuranceQuestionWidget" cmsWidgetName="CashOrInsuranceQuestionWidget"
@ -211,3 +206,13 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss">
.quote {
.funnel-sub-header {
.sub-text {
margin-bottom: 24px;
}
}
}
</style>

5
src/ux-components/text-link/text-link.vue
View file

@ -44,10 +44,9 @@ export default {
<style lang="scss"> <style lang="scss">
a { a {
display: inline-flex !important;
color: $blue; color: $blue;
text-underline-offset: 0.5em; text-underline-offset: 5px;
line-height: 26px; line-height: 2;
padding: 0 0 4px 0; padding: 0 0 4px 0;
font-weight: 500; font-weight: 500;
max-width: fit-content; max-width: fit-content;