diff --git a/src/components/navigation/menu-language/menu-language.tsx b/src/components/navigation/menu-language/menu-language.tsx index 34ca4ea616575d94217a6307d8eb2d63be27ea4f..8ce89f96fb54b5cf8d59c77db73fed132ebfe2aa 100644 --- a/src/components/navigation/menu-language/menu-language.tsx +++ b/src/components/navigation/menu-language/menu-language.tsx @@ -33,39 +33,18 @@ export class MenuLanguage { } @Listen('languageMenuLeave') languageMenuLeave() { - console.log('leave'); this.isMenuOpen = false; - console.log(this.isMenuOpen); } @Listen('languageMenuToggle') languageMenuToggle() { - console.log('Toggle'); - this.isMenuOpen = !this.isMenuOpen; - console.log(this.isMenuOpen); - - /* - let hyHeader = this.el.closest('.hy-site-header'); - let hyBackdropDiv = (hyHeader as HTMLElement).children[0]; - - if (hyBackdropDiv) { - if (this.isMenuOpen) { - (hyBackdropDiv as HTMLElement).classList.add('is-active'); - (hyBackdropDiv as HTMLElement).style.top = '90px'; - } else { - (hyBackdropDiv as HTMLElement).classList.remove('is-active'); - (hyBackdropDiv as HTMLElement).style.top = '0'; - } - } - */ + //this.isMenuOpen = !this.isMenuOpen; } @Listen('click') handleComponentClick(event) { - console.log('Click'); this.isMenuOpen = !this.isMenuOpen; - console.log(this.isMenuOpen); const languageMenuSelector = event.target as HTMLElement; - //alert(languageMenuSelector.tagName); + if (this.isMenuOpen) { let hyHeader = this.el.closest('.hy-site-header') as HTMLElement; const headerHeight = `${ @@ -81,34 +60,7 @@ export class MenuLanguage { )[0] as HTMLElement; languagePanel.style.top = headerHeight; } - event.stopPropagation(); - } - - @Listen('click', {target: 'window'}) - handleClick(event) { - /* - alert('window'); - alert((event.target as HTMLTextAreaElement).tagName.toLowerCase()); - if (this.isMenuOpen) { - const target = event.target as HTMLTextAreaElement; - const targetElement = target.tagName.toLowerCase(); - console.log(targetElement); - - */ - - /* - if (targetElement !== 'hy-menu-language') { - const hyHeader = this.el.closest('.hy-site-header'); - const hyBackdropDiv = (hyHeader as HTMLElement).children[0]; - if (hyBackdropDiv && hyBackdropDiv.classList.contains('is-active')) { - (hyBackdropDiv as HTMLElement).classList.remove('is-active'); - (hyBackdropDiv as HTMLElement).style.top = '0'; - this.isMenuOpen = !this.isMenuOpen; - } - } - */ - //} event.stopPropagation(); } diff --git a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss index df0cb587a57c704a15fb038f9bf816f54cb1e115..6b6c6e9f2bda67f69baf6918f8d26ffc966c5e43 100644 --- a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss +++ b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss @@ -85,12 +85,12 @@ } svg { - height: 5.63px; - width: 8px; + height: 8px; + width: 10px; @include breakpoint($xlarge) { - height: 7.03px; - width: 10px; + height: 8.44px; + width: 12px; } } } @@ -101,16 +101,6 @@ hy-icon { transform: rotateX(180deg); - - svg { - height: 8px; - width: 10px; - - @include breakpoint($xlarge) { - height: 8.44px; - width: 12px; - } - } } .desktop-menu-link__label--is-active-trail::after {