Browse Source

Fix button menu overlay again

master
Eduard Kuzmenko 4 years ago
parent
commit
c70731ba83
  1. 3
      src/components/buttonMenuToggle.ts
  2. 13
      src/scss/partials/_button.scss

3
src/components/buttonMenuToggle.ts

@ -17,12 +17,11 @@ const ButtonMenuToggleHandler = (el: HTMLElement) => { @@ -17,12 +17,11 @@ const ButtonMenuToggleHandler = (el: HTMLElement) => {
if(!el.classList.contains('btn-menu-toggle')) return false;
//window.removeEventListener('mousemove', onMouseMove);
let openedMenu = el.querySelector('.btn-menu') as HTMLDivElement;
const openedMenu = el.querySelector('.btn-menu') as HTMLDivElement;
e.cancelBubble = true;
//cancelEvent(e);
if(el.classList.contains('menu-open')) {
el.classList.remove('menu-open');
closeBtnMenu();
} else {
openBtnMenu(openedMenu);

13
src/scss/partials/_button.scss

@ -148,13 +148,20 @@ @@ -148,13 +148,20 @@
} */
&-overlay {
position: fixed !important;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
cursor: default;
//background-color: rgba(0, 0, 0, .2);
}
&-toggle &-overlay {
left: -100vw;
right: -100vw;
top: -100vh;
bottom: -100vh;
z-index: 1;
cursor: default;
//background-color: rgba(0, 0, 0, .2);
}
}

Loading…
Cancel
Save