correct regressions on sub-menu for account and admin (#3004)

diff --git a/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss b/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
index 655c384891e3eb7f01036207a4b0025704bffbd4..84dd7dce3375ae96db321147a8d2ff80c350c64a 100644 (file)
--- a/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
+++ b/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
@@ -1,12 +1,6 @@
 @import '_variables';
 @import '_mixins';
 
-:host {
-  display: block;
-  height: $sub-menu-height;
-  margin-bottom: $sub-menu-margin-bottom;
-}
-
 .parent-entry {
   span[role=button] {
     cursor: pointer;

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index c76e5db7b2c692fd418581a5c46ea403a108b6d8..ea89ca9ce6558fb9722e6e8332bf62f2c8548385 100644 (file)
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -136,6 +136,10 @@ label {
     flex-grow: 1;
   }
 
+  my-top-menu-dropdown + .margin-content {
+    padding-top: $sub-menu-height + $sub-menu-margin-bottom;
+  }
+
   .sub-menu {
     background-color: pvar(--submenuColor);
     width: 100%;
@@ -145,7 +149,11 @@ label {
     padding-left: $not-expanded-horizontal-margins;
     padding-right: $not-expanded-horizontal-margins;
     position: fixed;
-    z-index: 1;
+    z-index: #{z('header') - 1};
+
+    & + .margin-content {
+      margin-top: $sub-menu-margin-bottom;
+    }
   }
 
   // Override some properties if the main content is expanded (no menu on the left)