mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 18:58:45 +00:00
b96ab7bd40
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
54 lines
1.3 KiB
Plaintext
54 lines
1.3 KiB
Plaintext
@import 'mediawiki.mixins.less';
|
|
@import '../../minerva.less/minerva.variables';
|
|
@import '../../minerva.less/minerva.mixins';
|
|
|
|
.view-border-box *,
|
|
.view-border-box {
|
|
.box-sizing( border-box );
|
|
}
|
|
|
|
/* Hide the table of contents `.toc-mobile` unless the user is viewing in tablet resolution or
|
|
* higher */
|
|
.toc-mobile,
|
|
/* Table of contents `.toc` as provided by parser has no styling, this is a temporary measure
|
|
* until we are able to commit more time to Minerva on desktop */
|
|
.toc,
|
|
/* We also need a more specific rule for tablet non-JS users who will load skins.minerva.tablet.styles */
|
|
.client-nojs .toc-mobile,
|
|
.client-js .mw-redirectedfrom,
|
|
/* FIXME: Use generic rule for print stylesheets */
|
|
.printfooter,
|
|
.jsonly {
|
|
display: none;
|
|
}
|
|
|
|
/* TODO: Fix specificity */
|
|
/* stylelint-disable no-descending-specificity */
|
|
.client-js .jsonly {
|
|
display: inherit;
|
|
}
|
|
|
|
// currently used to hide talk button
|
|
.hidden {
|
|
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;
|
|
}
|
|
|
|
.content {
|
|
// Create a new stacking context.
|
|
transform: scaleY( 1 );
|
|
z-index: @z-indexBase;
|
|
}
|