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:
parent
503756822c
commit
ddc1e2a30d
|
@ -78,8 +78,16 @@ textarea {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#mw-mf-viewport {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
// We need to ensure the content has the chrome background - otherwise it will
|
// We need to ensure the content has the chrome background - otherwise it will
|
||||||
// overlap the menu during the main menu reveal/hide animation
|
// overlap the menu during the main menu reveal/hide animation
|
||||||
#mw-mf-page-center {
|
#mw-mf-page-center {
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
background-color: @chromeColor;
|
background-color: @chromeColor;
|
||||||
|
z-index: @z-indexBase;
|
||||||
}
|
}
|
||||||
|
|
|
@ -11,16 +11,6 @@
|
||||||
@menuItemFontSize: 0.875em;
|
@menuItemFontSize: 0.875em;
|
||||||
@menuItemBackgroundColor: @skinContentBgColor;
|
@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
|
// needs to be more specific than .overlay rules
|
||||||
.notifications-overlay.navigation-drawer {
|
.notifications-overlay.navigation-drawer {
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
Loading…
Reference in New Issue