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

CSR-257 WIP

Browse source
This commit is contained in:
bmauger 2022-02-09 09:35:27 -05:00
parent bb161ee97f
commit 18ead1be27
2 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/common-components/funnel-footer/funnel-footer.vue
View file

@ -3,7 +3,7 @@
<div class="container-fluid g-2"> <div class="container-fluid g-2">
<div class="row"> <div class="row">
<div class="col-12 d-flex justify-content-center pb-2 fs-7"> <div class="col-12 d-flex justify-content-center pb-2 fs-7">
&copy;&nbsp;<span id="years"></span>&nbsp;Safelite Group &copy;&nbsp;{{new Date().getFullYear()}}&nbsp;Safelite Group
</div> </div>
</div> </div>
<div class="row" :style="`padding-bottom: ${paddingHeight}px`"> <div class="row" :style="`padding-bottom: ${paddingHeight}px`">
@ -16,10 +16,10 @@
</div> </div>
<div class="container-fluid fixed-bottom g-4 bg-light py-4" id="infoBox"> <div class="container-fluid fixed-bottom g-4 bg-light py-4" id="infoBox">
<div class="row d-flex flex-row-reverse align-items-center"> <div class="row d-flex flex-row-reverse align-items-center">
<div class="col d-flex justify-content-end" id="stacked"> <div class="col-auto d-flex justify-content-end" id="stacked">
<buttonMain isPrimary :buttonText="buttonText" loaderColor="white" sizeInRem="1" @click-event="buttonClick"/> <buttonMain isPrimary :buttonText="buttonText" loaderColor="white" sizeInRem="1" @click-event="buttonClick"/>
</div> </div>
<div class="col"> <div class="col py-1">
<textLink linkType="navigation" :text="backLink" @click-event="linkClick"/> <textLink linkType="navigation" :text="backLink" @click-event="linkClick"/>
</div> </div>
</div> </div>
@ -42,15 +42,13 @@ export default {
paddingHeight: 0, paddingHeight: 0,
backLink: "", backLink: "",
buttonText: "", buttonText: "",
currentYear: new Date().getFullYear(),
} }
}, },
mounted() { mounted() {
this.paddingHeight = document.getElementById("infoBox").offsetHeight + 24; this.paddingHeight = document.getElementById("infoBox").offsetHeight + 24;
this.$nextTick(() => { this.$nextTick(() => {
window.addEventListener('resize', this.onResize); window.addEventListener('resize', this.onResize);
})
this.$nextTick(function () { // Give it a moment to set the date
document.getElementById('years').innerHTML += new Date().getFullYear();
this.checkHeight(); this.checkHeight();
}) })
}, },
@ -76,8 +74,8 @@ export default {
} }
}, },
initializeComponent(cmsContent) { initializeComponent(cmsContent) {
this.buttonText = cmsContent.BackButtonText; this.backLink = cmsContent.BackButtonText;
this.backLink = cmsContent.ForwardButtonText; this.buttonText = cmsContent.ForwardButtonText;
}, },
buttonClick() { buttonClick() {
this.$emit("forwardClicked"); this.$emit("forwardClicked");

1
src/styles/common-styles.scss
View file

@ -6,6 +6,7 @@ body {
.container-fluid { .container-fluid {
max-width: 576px; //Remove once desktop app is complete max-width: 576px; //Remove once desktop app is complete
// min-width: 360px;
&.container-shadow { &.container-shadow {
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15); //Use instead of Bootstrap's helper box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15); //Use instead of Bootstrap's helper
} }