mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 18:58:45 +00:00
bfdfc1165c
Slide the main menu over the page instead of sliding the page over the menu. Also, use viewport units for the main and notification menus. Note, this lays foundation work for T225213. Bug: T206354 Change-Id: I14b67d1e97b84086ea13e28df8148824a1f493e3
57 lines
1.5 KiB
Plaintext
57 lines
1.5 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%;
|
|
min-height: 100%;
|
|
position: relative;
|
|
background-color: @chromeColor;
|
|
}
|
|
|
|
.content {
|
|
// Create a new stacking context. `transform: translateZ( 0 );` would be preferred but that
|
|
// triggers a browser bug which affects the edit cards in Visual Editor:
|
|
// https://bugs.chromium.org/p/chromium/issues/detail?id=20574
|
|
position: relative;
|
|
z-index: @z-indexBase;
|
|
}
|