[FIX] web: Dropdown, adjust menu position

task-3338419

X-original-commit: 37dfaf8fa19746e90974b21b3f9dfae1f2be2233
Part-of: odoo/odoo#124903

addons/web/static/src/core/dropdown/dropdown.scss

@@ -5,6 +5,12 @@
     // Makes sure the dropdown menus are already in a
     // fixed position before the positioning computations begin.
     position: fixed;
+    margin-top: var(--Dropdown_menu-margin-y, #{map-get($spacers, 1)});
+    margin-bottom: var(--Dropdown_menu-margin-y, #{map-get($spacers, 1)});
+
+    &.o-dropdown--menu-submenu {
+      --Dropdown_menu-margin-y: 0;
+    }
 
     .dropdown-toggle:focus, .dropdown-item:focus {
       background-color: transparent;

addons/web/static/src/core/dropdown/dropdown.xml

@@ -33,7 +33,11 @@
       </button>
       <div
         t-if="state.open"
-        t-attf-class="o-dropdown--menu dropdown-menu {{ props.menuDisplay }}"
+        t-attf-class="
+          o-dropdown--menu dropdown-menu
+          {{ parentDropdown ? 'o-dropdown--menu-submenu' : '' }}
+          {{ props.menuDisplay }}
+        "
         t-att-class="props.menuClass"
         role="menu"
         t-ref="menuRef"

addons/web/static/src/webclient/navbar/navbar.scss

@@ -3,6 +3,7 @@
 // ============================================================================
 .o_main_navbar {
     @include print-variable(o-navbar-height, $o-navbar-height);
+    --Dropdown_menu-margin-y: 0;
 
     display: flex;
     height: var(--o-navbar-height);