Merge pull request #1281 from Safelite/CSR-1585-footer-spacing-and-toggle-once

CSR-1585 Remove calculated height from menu-modal.

src/fmg-components/funnel-header/menu-modal/menu-modal.vue

@@ -19,15 +19,13 @@
         tabindex="-1"
         aria-labelledby="footerModalLabel"
         aria-hidden="true"
-        v-on="{ 'show.bs.modal': show, 'hide.bs.modal': hide }"
-        :style="`height: calc(100% - ${currentFooterAndHeaderHeight}px);`">
+        v-on="{ 'show.bs.modal': show, 'hide.bs.modal': hide }">
         <div class="menu-modal-container">
             <button
                 class="menu-button"
                 type="button"
                 :class="[isActive ? 'active' : '']"
-                data-bs-toggle="modal"
-                data-bs-target="#footerModal"
+                @click="toggleModal"
                 aria-label="Hamburger Menu (modal window)">
                 <div class="bar1"></div>
                 <div class="bar2"></div>
@@ -86,7 +84,6 @@ export default {
     data() {
         return {
             isActive: false,
-            currentFooterAndHeaderHeight: 0,
         };
     },
     methods: {
@@ -104,7 +101,6 @@ export default {
             Modal.getInstance(document.getElementById("footerModal")).hide();
         },
         show() {
-            this.currentFooterAndHeaderHeight = this.getFooterInfoBoxHeight() + 72;
             this.isActive = true;
             this.scrollToPageTop();
         },