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:
commit
f37179953a
6 changed files with 17 additions and 7 deletions
|
|
@ -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() {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue