Set position and z-index for mw-page-container

This forms a stacking context inside mw-page-container. It allows
overlays appended to the body tag to position themselves over the
Vector interface.

Bug: T301452
Change-Id: Ie187fde43dd8e7f108388c848438545c75d19b09
This commit is contained in:
Abijeet 2022-03-16 13:29:07 +05:30
parent 448c300603
commit 3a39708163
1 changed files with 5 additions and 0 deletions

View File

@ -190,6 +190,11 @@ body {
// Container logic.
.mw-page-container {
// Setting position and z-index is important as it allows overlays appended to the body tag
// to position themselves over the Vector interface. This forms another stacking context for
// elements placed inside this element
position: relative;
z-index: 0;
max-width: @max-width-page-container;
// Fill the viewport even if the content height is small. This also helps
// mitigate a long sidebar overflowing the page container (T257518).