diff --git a/src/components/buttonMenuToggle.ts b/src/components/buttonMenuToggle.ts index 510c2d07..5b84ff60 100644 --- a/src/components/buttonMenuToggle.ts +++ b/src/components/buttonMenuToggle.ts @@ -1,6 +1,6 @@ import ButtonIcon from "./buttonIcon"; import ButtonMenu, { ButtonMenuItemOptions } from "./buttonMenu"; -import { openBtnMenu } from "./misc"; +import { closeBtnMenu, openBtnMenu } from "./misc"; const ButtonMenuToggle = (options: Partial<{noRipple: true, onlyMobile: true}> = {}, direction: 'bottom-left', buttons: ButtonMenuItemOptions[]) => { const button = ButtonIcon('more btn-menu-toggle', options); @@ -23,7 +23,7 @@ const ButtonMenuToggleHandler = (el: HTMLElement) => { if(el.classList.contains('menu-open')) { el.classList.remove('menu-open'); - openedMenu.classList.remove('active'); + closeBtnMenu(); } else { openBtnMenu(openedMenu); } diff --git a/src/components/misc.ts b/src/components/misc.ts index 50ec12b9..7ea81a30 100644 --- a/src/components/misc.ts +++ b/src/components/misc.ts @@ -136,7 +136,7 @@ let onClick = (e: MouseEvent | TouchEvent) => { closeBtnMenu(); }; -let closeBtnMenu = () => { +export const closeBtnMenu = () => { if(openedMenu) { openedMenu.classList.remove('active'); openedMenu.parentElement.classList.remove('menu-open'); diff --git a/src/scss/partials/_button.scss b/src/scss/partials/_button.scss index 2e453218..438f4eb4 100644 --- a/src/scss/partials/_button.scss +++ b/src/scss/partials/_button.scss @@ -148,11 +148,12 @@ } */ &-overlay { position: fixed !important; - left: 0; - right: 0; - top: 0; - bottom: 0; + left: -100vw; + right: -100vw; + top: -100vh; + bottom: -100vh; z-index: 1; + cursor: default; //background-color: rgba(0, 0, 0, .2); } }