Admin theme issue (overlapping menu items)

[seifer7]

Preconditions (*)

1. OpenMage version 20.0.20

Steps to reproduce (*)

1. Have enough top-level menu items to wrapped menu to more than 1 line
2. Open a page from a menu on the bottom row of menu items
3. Notice that the selected menu is now highlighted
4. Hover over a menu item ABOVE the highlighted menu

Expected result (*)

1. On step 4 the hover menu displayed should appear ON TOP of the other menu items
   

Actual result (*)

1. On step 4 the hover menu is displayed BELOW the highlighted menu item (current page)
   

[seifer7]

Fix should be as simple as removing the z-index from #nav li.active

magento-lts/skin/adminhtml/default/openmage/scss/menu.scss

Lines 63 to 67 in 8572935

	&.active {
	z-index: 1000;
	margin-left: -1px;
	color: $white;
	font-weight: bold;

As far as I can tell, that z-index was only added to fix li separators from appearing on-top of the active menu item in the legacy admin skin. The separators are not used in the new theme.

[fballiano]

@seifer7 thank you for this report, do you want to open a PR or you want me to do it?

[elidrissidev]

This issue is also happening with the default admin theme, so would be better to fix in both.

[seifer7]

This issue is also happening with the default admin theme, so would be better to fix in both.

Oh, thank you. I will have a look at it soon.

[addison74]

Please take in consideration changing the SCSS files too and generate the CSS for both backends.

[sreichel]

@all-contributors add @seifer7 bug

[allcontributors]

@sreichel

I've put up a pull request to add @seifer7! 🎉