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

Merge pull request #2429 from Safelite/feature/CASH-203

Browse source 
CASH-203: UI Updates for Afterpay breakout with service package discounts
This commit is contained in:
Chris 2025-04-16 10:59:12 -04:00 committed by GitHub
commit f69a482c58
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 11 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/experiment-components/service-package-radio-for-afterpay.vue
View file

@ -5,6 +5,7 @@
:class="[
this.buttonLabelSubCopy ? 'has-subheader' : '',
this.additionalButtonData.isInsuranceSelected ? 'is-insurance' : '',
this.hasPackageDiscount() ? 'has-package-discount' : '',
]"
for="testradio">
<div class="package-specs">
@ -54,12 +55,7 @@
v-html="this.buttonFooterCopy"></div>
</div>
<div
v-if="
this.additionalButtonData.servicePackageDiscount &&
this.additionalButtonData.Text
"
class="special-save-box">
<div v-if="hasPackageDiscount()" class="special-save-box">
<span v-html="this.additionalButtonData.Text"></span>
</div>
<span class="pricing-info">
@ -144,6 +140,11 @@ export default {
truncatedSinglePayment() {
return "$" + Math.trunc(this.buttonAuxillaryCopy.replace("$", ""));
},
hasPackageDiscount() {
return (
this.additionalButtonData.servicePackageDiscount && this.additionalButtonData.Text
);
},
},
};
</script>
@ -212,12 +213,6 @@ export default {
}
&.has-subheader {
min-height: 150px;
&.is-insurance {
min-height: 72px;
}
& > .package-specs {
& > div:first-of-type {
display: flex;
@ -225,6 +220,10 @@ export default {
}
}
&.has-package-discount {
min-height: 150px;
}
&:before {
content: "";
position: relative;