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

Format code. Hide menu modal.

Browse source
This commit is contained in:
Bryan Mauger 2025-04-07 09:31:36 -04:00
parent 375d2dd148
commit 3be58faead
4 changed files with 37 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/App.vue
View file

@ -5,7 +5,7 @@
<component :is="Component" ref="component" @focusin="handleAnyComponentFocus" /> <component :is="Component" ref="component" @focusin="handleAnyComponentFocus" />
</transition> </transition>
</router-view> </router-view>
<funnelFooter/> <funnelFooter />
<loadingModal :showLoader="shouldShowLoader" :showTextCarousel="shouldShowTextCarousel" /> <loadingModal :showLoader="shouldShowLoader" :showTextCarousel="shouldShowTextCarousel" />
</template> </template>
@ -35,7 +35,6 @@ export default {
components: { components: {
loadingModal, loadingModal,
funnelFooter, funnelFooter,
}, },
}; };

73
src/fmg-components/funnel-footer/funnel-footer.vue
View file

@ -3,57 +3,50 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col d-flex justify-content-center justify-content-md-start"> <div class="col d-flex justify-content-center justify-content-md-start">
<img <img class="skyline" src="~@/assets/img/skyline-van.svg" alt="" />
class="skyline"
src="~@/assets/img/skyline-van.svg"
alt="" />
</div> </div>
<div class="col d-none d-md-flex justify-content-end align-items-end"> <div class="col d-none d-md-flex justify-content-end align-items-end">
<img <img class="neighborhood" src="~@/assets/img/neighborhood.svg" alt="" />
class="neighborhood"
src="~@/assets/img/neighborhood.svg"
alt="" />
</div> </div>
</div> </div>
</div> </div>
<div class="footer-inner-wrapper"> <div class="footer-inner-wrapper">
<textLink <textLink
linkType="newWindowLink" linkType="newWindowLink"
text="Terms of service" text="Terms of service"
href="//www.safelite.com/terms-of-service" href="//www.safelite.com/terms-of-service"
target="_blank" /> target="_blank" />
<textLink <textLink
linkType="newWindowLink" linkType="newWindowLink"
text="Your privacy choices" text="Your privacy choices"
href="//www.safelite.com/privacy-center" href="//www.safelite.com/privacy-center"
target="_blank"> target="_blank">
<template v-slot:after-text> <template v-slot:after-text>
<img <img
class="ccpa-icon" class="ccpa-icon"
src="~@/assets/img/icons/ccpa-icon.svg" src="~@/assets/img/icons/ccpa-icon.svg"
alt="Your privacy choices" /> alt="Your privacy choices" />
</template> </template>
</textLink> </textLink>
<textLink <textLink
linkType="navigation" linkType="navigation"
text="Cookie preferences" text="Cookie preferences"
href="javascript:OneTrust.ToggleInfoDisplay();" /> href="javascript:OneTrust.ToggleInfoDisplay();" />
<textLink <textLink
linkType="newWindowLink" linkType="newWindowLink"
text="Warranty" text="Warranty"
href="//www.safelite.com/national-lifetime-warranty" href="//www.safelite.com/national-lifetime-warranty"
target="_blank" /> target="_blank" />
<textLink <textLink
linkType="newWindowLink" linkType="newWindowLink"
text="Notice at collection" text="Notice at collection"
href="https://www.safelite.com/ccpa-privacy-policy" href="https://www.safelite.com/ccpa-privacy-policy"
target="_blank" /> target="_blank" />
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import textLink from "@/ux-components/text-link/text-link"; import textLink from "@/ux-components/text-link/text-link";
export default { export default {

4
src/fmg-components/funnel-header/funnel-header.vue
View file

@ -3,7 +3,7 @@
class="funnel-header d-flex justify-content-center align-items-center flex-column" class="funnel-header d-flex justify-content-center align-items-center flex-column"
v-if="imageSrc"> v-if="imageSrc">
<img class="logo-image img-fluid" :src="imageSrc" alt="Safelite logo" /> <img class="logo-image img-fluid" :src="imageSrc" alt="Safelite logo" />
<menuModal/> <!-- <menuModal /> Hide temporarily until re-implemented for use with progress bar. Edit display: none below as well. -->
</div> </div>
<template v-for="globalAlert in globalAlertMessages" :key="globalAlert.id"> <template v-for="globalAlert in globalAlertMessages" :key="globalAlert.id">
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
@ -89,7 +89,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.menu-modal-container) { :deep(.menu-modal-container) {
display: none; display: none;// This is temporary until the hamburger menu is re-implemented for use with the progress bar
} }
.funnel-header { .funnel-header {
position: relative; position: relative;

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

@ -9,7 +9,7 @@ body {
flex-direction: column; flex-direction: column;
min-height: 100dvh; min-height: 100dvh;
form { form {
>.container-fluid { > .container-fluid {
margin-bottom: -1rem; margin-bottom: -1rem;
@media screen and (min-width: 1090px) { @media screen and (min-width: 1090px) {
margin-bottom: -5rem; margin-bottom: -5rem;