From 3a39708163ebc69c03461af3549bde717124fcac Mon Sep 17 00:00:00 2001 From: Abijeet Date: Wed, 16 Mar 2022 13:29:07 +0530 Subject: [PATCH] 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 --- resources/skins.vector.styles/layouts/screen.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/resources/skins.vector.styles/layouts/screen.less b/resources/skins.vector.styles/layouts/screen.less index da5e86dab..a0816d16b 100644 --- a/resources/skins.vector.styles/layouts/screen.less +++ b/resources/skins.vector.styles/layouts/screen.less @@ -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).