From 3bfa279b165b6eae8f58ad30ef842ea69589c09e Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MBP-2.lan>
Date: Mon, 25 Jan 2021 17:27:21 +0200
Subject: [PATCH] menu panel positioning
---
.../hy-desktop-menu-links/hy-desktop-menu-links.tsx | 3 +--
src/components/site-header/site-header.scss | 4 +++-
2 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx
index 51b48e7d..3b0dcc67 100644
--- a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx
+++ b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx
@@ -146,8 +146,7 @@ export class HyDesktopMenuLinks {
this.showBackdropShadow('open', shadowTop);
// Position submenu block under the activated top menu item.
- let activeButtonRect = activeMenuItem.getBoundingClientRect();
- const menuPanelLeftPosition = activeButtonRect.left - this._submenuLeftMargin;
+ const menuPanelLeftPosition = activeMenuItem.offsetLeft - this._submenuLeftMargin;
activeMenuItemSibling.style.paddingLeft = `${menuPanelLeftPosition}px`;
// Position shortcuts block.
diff --git a/src/components/site-header/site-header.scss b/src/components/site-header/site-header.scss
index d7e2b134..26292ff7 100644
--- a/src/components/site-header/site-header.scss
+++ b/src/components/site-header/site-header.scss
@@ -23,7 +23,8 @@
position: fixed;
right: 0;
transform: translateY(0) translateZ(0);
- width: 100%;
+ //width: 100%;
+ width: inherit; //??
}
&--sticky-hidden {
top: 0;
@@ -166,6 +167,7 @@
background-color: rgba(0, 0, 0, 0.4);
transition: background-color 300ms;
visibility: visible;
+ width: inherit; //??
z-index: 99;
}
}
--
GitLab