Merge pull request #942 from Safelite/bugfix/CSR-1051

CSR-1051: update funnel-sub-header class logic / fix modal ul spacing
This commit is contained in:
AdamCaouetteSafelite 2023-01-16 17:04:54 -05:00 committed by GitHub
commit f37179953a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 17 additions and 7 deletions

View file

@ -32,6 +32,10 @@ export default {
props: { props: {
hasBackButton: Boolean, hasBackButton: Boolean,
cmsWidgetName: String, cmsWidgetName: String,
headerColor: {
type: String,
default: "dark-header",
},
}, },
components: { components: {
buttonBack, buttonBack,
@ -46,9 +50,6 @@ export default {
backButtonAccessibleText() { backButtonAccessibleText() {
return this.getCmsContent(this.cmsWidgetName, "BackButtonAccessibleText"); return this.getCmsContent(this.cmsWidgetName, "BackButtonAccessibleText");
}, },
headerColor() {
return this.subText ? "dark-header" : "light-header";
},
}, },
methods: { methods: {
clickEvent() { clickEvent() {

View file

@ -229,6 +229,12 @@ export default {
li { li {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.714;
a {
line-height: 1.714;
padding: 0;
text-underline-offset: 0.1em;
}
} }
} }

View file

@ -7,7 +7,8 @@
<funnelSubHeader <funnelSubHeader
cmsWidgetName="FunnelSubHeaderWidget" cmsWidgetName="FunnelSubHeaderWidget"
:hasBackButton="true" :hasBackButton="true"
@click-event="backButtonAction" /> @click-event="backButtonAction"
headerColor="light-header" />
<div class="fade-on-route-transition"> <div class="fade-on-route-transition">
<makeQuestion <makeQuestion
v-model="selectedMake" v-model="selectedMake"

View file

@ -7,7 +7,8 @@
<funnelSubHeader <funnelSubHeader
cmsWidgetName="FunnelSubHeaderWidget" cmsWidgetName="FunnelSubHeaderWidget"
:hasBackButton="true" :hasBackButton="true"
@click-event="backButtonAction" /> @click-event="backButtonAction"
headerColor="light-header" />
<div class="fade-on-route-transition"> <div class="fade-on-route-transition">
<modelQuestion <modelQuestion
v-model="selectedModel" v-model="selectedModel"

View file

@ -7,7 +7,8 @@
<funnelSubHeader <funnelSubHeader
cmsWidgetName="FunnelSubHeaderWidget" cmsWidgetName="FunnelSubHeaderWidget"
:hasBackButton="true" :hasBackButton="true"
@click-event="backButtonAction" /> @click-event="backButtonAction"
headerColor="light-header" />
<div class="fade-on-route-transition"> <div class="fade-on-route-transition">
<styleQuestion <styleQuestion
v-model="selectedStyle" v-model="selectedStyle"

View file

@ -4,7 +4,7 @@
<div class="select-car"> <div class="select-car">
<div class="select-car-form rounded text-center"> <div class="select-car-form rounded text-center">
<vehicleBanner cmsWidgetName="VehicleBannerWidget" displayGenericVehicleImage /> <vehicleBanner cmsWidgetName="VehicleBannerWidget" displayGenericVehicleImage />
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" /> <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" headerColor="light-header" />
<div class="fade-on-route-transition"> <div class="fade-on-route-transition">
<yearQuestion <yearQuestion
class="fade-on-route-transition" class="fade-on-route-transition"