From 3be58faead23b45d78e53bca4a2b125cba3ea9d6 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 7 Apr 2025 09:31:36 -0400
Subject: [PATCH] Format code. Hide menu modal.

---
 src/App.vue                                   |  3 +-
 .../funnel-footer/funnel-footer.vue           | 73 +++++++++----------
 .../funnel-header/funnel-header.vue           |  4 +-
 src/styles/common-styles.scss                 |  2 +-
 4 files changed, 37 insertions(+), 45 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a0d5cad86..422ae2893 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
             <component :is="Component" ref="component" @focusin="handleAnyComponentFocus" />
         </transition>
     </router-view>
-    <funnelFooter/>
+    <funnelFooter />
     <loadingModal :showLoader="shouldShowLoader" :showTextCarousel="shouldShowTextCarousel" />
 </template>
 
@@ -35,7 +35,6 @@ export default {
     components: {
         loadingModal,
         funnelFooter,
-
     },
 };
 
diff --git a/src/fmg-components/funnel-footer/funnel-footer.vue b/src/fmg-components/funnel-footer/funnel-footer.vue
index dc3cf9577..89db470f0 100644
--- a/src/fmg-components/funnel-footer/funnel-footer.vue
+++ b/src/fmg-components/funnel-footer/funnel-footer.vue
@@ -3,57 +3,50 @@
         <div class="container-fluid">
             <div class="row">
                 <div class="col d-flex justify-content-center justify-content-md-start">
-                    <img
-                        class="skyline"
-                        src="~@/assets/img/skyline-van.svg"
-                        alt="" />
+                    <img class="skyline" src="~@/assets/img/skyline-van.svg" alt="" />
                 </div>
                 <div class="col d-none d-md-flex justify-content-end align-items-end">
-                    <img
-                        class="neighborhood"
-                        src="~@/assets/img/neighborhood.svg"
-                        alt="" />
+                    <img class="neighborhood" src="~@/assets/img/neighborhood.svg" alt="" />
                 </div>
             </div>
         </div>
-        <div class="footer-inner-wrapper">            
+        <div class="footer-inner-wrapper">
             <textLink
-            linkType="newWindowLink"
-            text="Terms of service"
-            href="//www.safelite.com/terms-of-service"
-            target="_blank" />
-        <textLink
-            linkType="newWindowLink"
-            text="Your privacy choices"
-            href="//www.safelite.com/privacy-center"
-            target="_blank">
-            <template v-slot:after-text>
-                <img
-                    class="ccpa-icon"
-                    src="~@/assets/img/icons/ccpa-icon.svg"
-                    alt="Your privacy choices" />
-            </template>
-        </textLink>
-        <textLink
-            linkType="navigation"
-            text="Cookie preferences"
-            href="javascript:OneTrust.ToggleInfoDisplay();" />
-        <textLink
-            linkType="newWindowLink"
-            text="Warranty"
-            href="//www.safelite.com/national-lifetime-warranty"
-            target="_blank" />
-        <textLink
-            linkType="newWindowLink"
-            text="Notice at collection"
-            href="https://www.safelite.com/ccpa-privacy-policy"
-            target="_blank" />
+                linkType="newWindowLink"
+                text="Terms of service"
+                href="//www.safelite.com/terms-of-service"
+                target="_blank" />
+            <textLink
+                linkType="newWindowLink"
+                text="Your privacy choices"
+                href="//www.safelite.com/privacy-center"
+                target="_blank">
+                <template v-slot:after-text>
+                    <img
+                        class="ccpa-icon"
+                        src="~@/assets/img/icons/ccpa-icon.svg"
+                        alt="Your privacy choices" />
+                </template>
+            </textLink>
+            <textLink
+                linkType="navigation"
+                text="Cookie preferences"
+                href="javascript:OneTrust.ToggleInfoDisplay();" />
+            <textLink
+                linkType="newWindowLink"
+                text="Warranty"
+                href="//www.safelite.com/national-lifetime-warranty"
+                target="_blank" />
+            <textLink
+                linkType="newWindowLink"
+                text="Notice at collection"
+                href="https://www.safelite.com/ccpa-privacy-policy"
+                target="_blank" />
         </div>
     </div>
 </template>
 
 <script>
-
 import textLink from "@/ux-components/text-link/text-link";
 
 export default {
diff --git a/src/fmg-components/funnel-header/funnel-header.vue b/src/fmg-components/funnel-header/funnel-header.vue
index 30c326178..e3d9151a6 100644
--- a/src/fmg-components/funnel-header/funnel-header.vue
+++ b/src/fmg-components/funnel-header/funnel-header.vue
@@ -3,7 +3,7 @@
         class="funnel-header d-flex justify-content-center align-items-center flex-column"
         v-if="imageSrc">
         <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>
     <template v-for="globalAlert in globalAlertMessages" :key="globalAlert.id">
         <transition name="fade" mode="out-in">
@@ -89,7 +89,7 @@ export default {
 
 <style lang="scss" scoped>
 :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 {
     position: relative;
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index 85065a799..ac50e7d70 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -9,7 +9,7 @@ body {
         flex-direction: column;
         min-height: 100dvh;
         form {
-            >.container-fluid {
+            > .container-fluid {
                 margin-bottom: -1rem;
                 @media screen and (min-width: 1090px) {
                     margin-bottom: -5rem;