Merge pull request #1281 from Safelite/CSR-1585-footer-spacing-and-toggle-once
CSR-1585 Remove calculated height from menu-modal.
This commit is contained in:
commit
b0cb6a12a8
1 changed files with 2 additions and 6 deletions
|
|
@ -19,15 +19,13 @@
|
||||||
tabindex="-1"
|
tabindex="-1"
|
||||||
aria-labelledby="footerModalLabel"
|
aria-labelledby="footerModalLabel"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
v-on="{ 'show.bs.modal': show, 'hide.bs.modal': hide }"
|
v-on="{ 'show.bs.modal': show, 'hide.bs.modal': hide }">
|
||||||
:style="`height: calc(100% - ${currentFooterAndHeaderHeight}px);`">
|
|
||||||
<div class="menu-modal-container">
|
<div class="menu-modal-container">
|
||||||
<button
|
<button
|
||||||
class="menu-button"
|
class="menu-button"
|
||||||
type="button"
|
type="button"
|
||||||
:class="[isActive ? 'active' : '']"
|
:class="[isActive ? 'active' : '']"
|
||||||
data-bs-toggle="modal"
|
@click="toggleModal"
|
||||||
data-bs-target="#footerModal"
|
|
||||||
aria-label="Hamburger Menu (modal window)">
|
aria-label="Hamburger Menu (modal window)">
|
||||||
<div class="bar1"></div>
|
<div class="bar1"></div>
|
||||||
<div class="bar2"></div>
|
<div class="bar2"></div>
|
||||||
|
|
@ -86,7 +84,6 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
isActive: false,
|
isActive: false,
|
||||||
currentFooterAndHeaderHeight: 0,
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
@ -104,7 +101,6 @@ export default {
|
||||||
Modal.getInstance(document.getElementById("footerModal")).hide();
|
Modal.getInstance(document.getElementById("footerModal")).hide();
|
||||||
},
|
},
|
||||||
show() {
|
show() {
|
||||||
this.currentFooterAndHeaderHeight = this.getFooterInfoBoxHeight() + 72;
|
|
||||||
this.isActive = true;
|
this.isActive = true;
|
||||||
this.scrollToPageTop();
|
this.scrollToPageTop();
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue