diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index b060167cb..f9c1b6279 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -226,7 +226,7 @@ export default {
if (this.buttonTypeString == "radio") {
classes += " radio-button-container";
} else if (this.buttonTypeString == "servicePackageRadio") {
- classes = "package-wrapper col-md-4";
+ classes = "package-wrapper col";
}
if (this.buttonTypeString == "listCard" && this.buttonsInfo.length > 2) {
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index fd32ccca9..7256acc69 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -20,7 +20,7 @@
-
+
-
+
2) {
+ return "col-xl-8";
+ } else {
+ return "col-xl-6";
+ }
+ },
+ currentNumberOfPackagesAction(packageNumber) {
+ this.packageNumber = packageNumber;
+ },
openModalAction(modalName) {
this.$refs[modalName].openModal();
},
diff --git a/src/layouts/quote/service-package-question/service-package-question.vue b/src/layouts/quote/service-package-question/service-package-question.vue
index 7df8dab5f..b39213267 100644
--- a/src/layouts/quote/service-package-question/service-package-question.vue
+++ b/src/layouts/quote/service-package-question/service-package-question.vue
@@ -150,6 +150,7 @@ export default {
: "Special: Save $" + this.getServicePackageDiscountPrice(),
},
}));
+ this.$emit("currentNumberOfPackages", modifiedAnswers.length);
return modifiedAnswers;
},
isServicePackageDiscountOnOrder() {
diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
index 1ad393650..f16ff4821 100644
--- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
+++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
@@ -141,6 +141,9 @@ export default {
.package-main {
.package-wrapper {
margin: 1rem 0;
+ &:first-child {
+ margin: 1rem 0 0 0;
+ }
&:last-child {
margin: 1rem 0 0 0;
}
@@ -148,6 +151,12 @@ export default {
margin: 1rem 0.5rem 0 0.5rem;
display: flex;
flex-direction: column;
+ &:first-child {
+ margin: 1rem 0.5rem 0 0;
+ }
+ &:last-child {
+ margin: 1rem 0 0 0.5rem;
+ }
}
label {
diff --git a/src/router/index.js b/src/router/index.js
index 594630221..ed35f6808 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -80,8 +80,9 @@ const routes = [
return;
}
- const fromHeritage = getQuerystringParameter(queryStrings.FROM_HERITAGE) === "true";
const fromReturnUser = from?.name === fmgPageValues.RETURN_USER;
+ const fromContentSite = getQuerystringParameter(queryStrings.START_TYPE) === "fmg";
+ const toReturnUserPage = to.query?.fmgPage === fmgPageValues.RETURN_USER;
// Intercept all navigation if a submitted order exists in storage
if (window.sessionStorage.getItem("submittedOrder") !== null) {
@@ -92,17 +93,16 @@ const routes = [
}
// On entering the funnel "fresh", read cookie information, decide what to do next.
else if (from.redirectedFrom === undefined || fromReturnUser) {
- // if entering the funnel from non-funnel check and see if there is already a funnel cookie.
- // if so, send them to return-user page
+ // if entering the funnel from the content site, check and see if there is already a funnel cookie.
+ // if so, send them to return-user page.
const funnelCookieLastTouched = getFunnelCookie()?.LastTouched;
if (
- to?.query?.fmgPage !== fmgPageValues.RETURN_USER &&
- !fromReturnUser &&
- !fromHeritage &&
+ fromContentSite &&
funnelCookieLastTouched !== null &&
- funnelCookieLastTouched !== undefined
+ funnelCookieLastTouched !== undefined &&
+ !toReturnUserPage
) {
- log(" --navigate to return user");
+ log(" --from content site navigate to return user");
router.push({
path: "/",
query: { fmgPage: fmgPageValues.RETURN_USER },
diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
index 8bcd7bd3a..4b66023e0 100644
--- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue
+++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
@@ -83,7 +83,6 @@ export default {
.list-button-horizontal-content {
outline: none;
position: relative;
- background: $white;
transition: all 150ms linear;
border: 1px solid $gray-500;
border-radius: 0;
@@ -110,8 +109,8 @@ export default {
}
.list-button-horizontal-content:hover {
- background-color: $blue-700;
- color: $white;
+ background-color: transparent;
+ color: $blue;
box-shadow: none;
}
@@ -220,4 +219,121 @@ export default {
}
}
}
+// Special styles when there are multiple list-button-horizontal buttons
+// (number of chips, pay w/cash/insurance)
+.windshield-chip-count-question {
+ fieldset {
+ .d-flex {
+ .col {
+ &:first-child {
+ label {
+ &.list-group.list-button-horizontal {
+ z-index: 2;
+ &:hover {
+ background-color: $white;
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ fieldset {
+ .d-flex {
+ .col {
+ label {
+ &.list-group.list-button-horizontal {
+ &:hover {
+ background-color: $white;
+ border-radius: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ fieldset {
+ .d-flex {
+ .col {
+ &:last-child {
+ label {
+ &.list-group.list-button-horizontal {
+ z-index: 2;
+ &:hover {
+ background-color: $white;
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+//NOT Windshiled Chip Count
+fieldset {
+ .d-flex {
+ .col {
+ &:first-child {
+ label {
+ &.list-group.list-button-horizontal {
+ z-index: 6;
+ &:hover {
+ background-color: $white;
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+fieldset {
+ .d-flex {
+ .col {
+ label {
+ &.list-group.list-button-horizontal {
+ &:hover {
+ background-color: $white;
+ border-radius: 0;
+ }
+ }
+ }
+ }
+ }
+}
+
+fieldset {
+ .d-flex {
+ .col {
+ &:last-child {
+ label {
+ &.list-group.list-button-horizontal {
+ z-index: 6;
+ &:hover {
+ background-color: $white;
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+}