Skip to content
Snippets Groups Projects
Commit 0d3016e0 authored by druid's avatar druid
Browse files

code cleanup and bigger arrows in desktop menu

parent 590122db
No related branches found
No related tags found
No related merge requests found
......@@ -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();
}
......
......@@ -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 {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment