From 5a816fec55286963c492584b2bc15744c7402bde Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Thu, 31 Oct 2024 12:34:43 -0400
Subject: [PATCH 1/2] Lift modal above cookie notification in mobile

Allows button to be shown
---
 src/styles/common-styles.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index 55f956d4..6cecb8ec 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -98,10 +98,22 @@ body {
         @include media-breakpoint-up(xl) {
             padding-bottom: unset;
         }
+
+        div.modal.show {
+            padding-bottom: 3rem;
+
+            @include media-breakpoint-up(xl) {
+                padding-bottom: unset;
+            }
+        }
     }
 
     div#app:has(~ div#onetrust-consent-sdk div#onetrust-banner-sdk[style*="display: none"]) {
         padding-bottom: 0;
+
+        div.modal.show {
+            padding-bottom: 0;
+        }
     }
 }
 

From a4bfdd381e154e0ba49b0918e48eef893d15a269 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Thu, 31 Oct 2024 13:55:24 -0400
Subject: [PATCH 2/2] update to account for bootstrap issue with modal called
 from modal

---
 .../shop-preference-modal.vue                 | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/layouts/provider-preference/shop-preference-modal/shop-preference-modal.vue b/src/layouts/provider-preference/shop-preference-modal/shop-preference-modal.vue
index 96b239c5..882c7fb4 100644
--- a/src/layouts/provider-preference/shop-preference-modal/shop-preference-modal.vue
+++ b/src/layouts/provider-preference/shop-preference-modal/shop-preference-modal.vue
@@ -2,15 +2,16 @@
      <modal
         :ref="ModalName"
         :modalId="ModalName"
+        :onModalClosedCallback="onModalClosed"
         :footerButtonText="ModalCloseButtonText"
         @footerButtonEvent="footerButtonClick">
         <h5 class="text-center mb-4">
         {{ ModalHeadline }}
         </h5>
-            <div>
-                <div
-                    class="mb-4"
-                    v-html="ModalBodyText"></div>
+        <div>
+            <div
+                class="mb-4"
+                v-html="ModalBodyText"></div>
             <a
                 v-if="showSteeringLink"
                 class="modal-text"
@@ -35,6 +36,11 @@ export default {
         showSteeringLink: Boolean
     },
     emits: ['openSteering'],
+    data() {
+        return {
+            clickedSteeringLink: false
+        };
+    },
     computed: {
         ModalName() {
             return this.cmsWidgetName;
@@ -63,12 +69,18 @@ export default {
         openModal() {
             this.$refs[this.ModalName].openModal();
         },
+        onModalClosed() {
+            if (this.clickedSteeringLink) {
+                this.$emit('openSteering');
+                this.clickedSteeringLink = false;
+            }
+        },
         footerButtonClick() {
             this.$refs[this.ModalName].closeModal();
         },
         openSteeringModal() {
+            this.clickedSteeringLink = true;
             this.$refs[this.ModalName].closeModal();
-            this.$emit('openSteering');
         }
     }
 };