From 0d3016e015bee123ef7d1f4642799a95bf82b57f Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MBP-2.lan>
Date: Fri, 15 Jan 2021 13:24:24 +0200
Subject: [PATCH] code cleanup and bigger arrows in desktop menu
---
.../menu-language/menu-language.tsx | 52 +------------------
.../hy-desktop-menu-links.scss | 18 ++-----
2 files changed, 6 insertions(+), 64 deletions(-)
diff --git a/src/components/navigation/menu-language/menu-language.tsx b/src/components/navigation/menu-language/menu-language.tsx
index 34ca4ea6..8ce89f96 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 df0cb587..6b6c6e9f 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 {
--
GitLab