c7cb4ecee0
Currently we load textarea styles across all pages. However, in practice textareas only show up in the edit page and inside our JavaScript overlays To avoid loading these styles as rendering blocking CSS Additional changes: * Drop css reset for textarea so that textareas where unstyled have sensible defaults. Note given the usage of OOUI and MediaWiki UI this should be minimal/no disruption. * For consistency intentionally change the padding of the non-js editor to be consistent with other textareas * The padding-left/padding-right rules currently override the default rule so consolidate them into one single rule Note: * This will not break non-JavaScript editor mode as the module mediawiki.action.edit.styles is loaded on that page as a render blocking style. Bug: T199000 Depends-On: I1ab170fc4089b0c8129a3e62ee78efad1c6709fa Change-Id: I91743fdf1942a1b1b750422e973bf98fc4d106db
86 lines
1.9 KiB
Plaintext
86 lines
1.9 KiB
Plaintext
@import 'mediawiki.mixins.less';
|
|
@import '../../minerva.less/minerva.variables';
|
|
@import '../../minerva.less/minerva.mixins';
|
|
|
|
// Reusable components
|
|
//
|
|
// Styleguide 6.
|
|
|
|
// Cloaked element
|
|
//
|
|
// Use this for elements that are clickable but not visible
|
|
// Examples: A file input who's parent is styled with an icon
|
|
// A shield that covers the entire screen and is made more opaque
|
|
// under a different circumstance
|
|
//
|
|
// Markup:
|
|
// <div style="width:50px; height:50px; border:1px solid red;">
|
|
// <input type="file" class="cloaked-element">
|
|
// </div>
|
|
//
|
|
// Styleguide 6.1.
|
|
.cloaked-element {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.view-border-box *,
|
|
.view-border-box {
|
|
.box-sizing( border-box );
|
|
}
|
|
|
|
// We hide the table of contents unless the user is viewing in tablet resolution or higher
|
|
.toc-mobile,
|
|
// Table of contents 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;
|
|
}
|
|
|
|
/* stylelint-enable no-descending-specificity */
|
|
.position-fixed {
|
|
// use !important to override more specific rules (e.g. in Overlay.less)
|
|
position: fixed !important;
|
|
}
|
|
|
|
.touch-events {
|
|
:focus {
|
|
outline: 0;
|
|
}
|
|
}
|
|
|
|
// 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;
|
|
z-index: @z-indexBase;
|
|
}
|