From b96ab7bd4073f8e90b88f1a7c769799441ec2c1c Mon Sep 17 00:00:00 2001 From: Stephen Niedzielski Date: Wed, 7 Aug 2019 13:20:34 -0600 Subject: [PATCH] [LESS] [content] lower content render order Create a new stacking context for page content. Previously, it was possible for on page content to defeat the skin's z-index values with superior numbers. This occurred with StructuredDiscussion OOUI widgets on https://test.m.wikipedia.org/wiki/Talk:Main_Page and the `position: sticky` header on Special:Notifications. `scaleY(1)` is an identity transform that is terse and unlikely to be confused when RTL flipping. Bug: T225959 Change-Id: If8f718a707d9dd07e1182bc26e63e6e665bf98c2 --- resources/skins.minerva.base.styles/common.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/resources/skins.minerva.base.styles/common.less b/resources/skins.minerva.base.styles/common.less index f2c28bd6e..e2e136757 100644 --- a/resources/skins.minerva.base.styles/common.less +++ b/resources/skins.minerva.base.styles/common.less @@ -44,5 +44,10 @@ width: 100%; position: relative; background-color: @chromeColor; +} + +.content { + // Create a new stacking context. + transform: scaleY( 1 ); z-index: @z-indexBase; }