Content area needs a z-index

The content area is the sibling of the overlay.
For the overlay to overlay it and its children it
must explicitly setting a z-index

additional changes:
* Move UI styles from skins.minerva.mainMenu.styles
to their more logical place (note skins.minerva.mainMenu.styles
is loaded via JavaScript unncessarily)

Bug: T193444
Depends-On: I7c0d02f073a2fe165a6027e3c6d1455e22c1b563
Change-Id: I8be31c7daf254e22ccaed81704cbcd2b638c54f6
This commit is contained in:
jdlrobson 2018-05-01 15:04:27 -07:00 committed by Jdlrobson
parent 503756822c
commit ddc1e2a30d
2 changed files with 8 additions and 10 deletions

View File

@ -78,8 +78,16 @@ textarea {
display: none !important;
}
#mw-mf-viewport {
position: relative;
height: 100%;
}
// We need to ensure the content has the chrome background - otherwise it will
// overlap the menu during the main menu reveal/hide animation
#mw-mf-page-center {
width: 100%;
position: relative;
background-color: @chromeColor;
z-index: @z-indexBase;
}

View File

@ -11,16 +11,6 @@
@menuItemFontSize: 0.875em;
@menuItemBackgroundColor: @skinContentBgColor;
#mw-mf-viewport {
position: relative;
height: 100%;
}
#mw-mf-page-center {
width: 100%;
position: relative;
}
// needs to be more specific than .overlay rules
.notifications-overlay.navigation-drawer {
right: 0;