From 9648964c27e9a010248cb131cc38f5a54f54321c Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 15 Apr 2024 12:17:29 -0400
Subject: [PATCH] WIP update footer modal width and header overflow properties.

---
 src/iss-components/site-header/menu-modal/menu-modal.vue | 3 +--
 src/styles/common-styles.scss                            | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/iss-components/site-header/menu-modal/menu-modal.vue b/src/iss-components/site-header/menu-modal/menu-modal.vue
index ddeee120..f6fc89fe 100644
--- a/src/iss-components/site-header/menu-modal/menu-modal.vue
+++ b/src/iss-components/site-header/menu-modal/menu-modal.vue
@@ -155,7 +155,7 @@ export default {
 }
 .modal {
     &.menu-modal {
-        max-width: 576px;
+        max-width: 100%;
         left: auto;
         height: calc(100% - 56px);
         top: 56px;
@@ -173,7 +173,6 @@ export default {
         }
         .modal-fullscreen {
             width: 100vw;
-            max-width: 576px;
         }
         .navigation-link {
             margin-bottom: 1.5rem;
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index e8cd429d..e7691002 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -78,7 +78,7 @@ body {
 }
 .modal-open {
     .container-fluid {
-        &.page-container-grouped-styles {
+        &.fade-on-route-transition {
             overflow: hidden;
             height: auto;
         }