mediawiki-skins-MinervaNeue/skinStyles/mediawiki.action.edit.styles/minerva.less
jdlrobson c7cb4ecee0 Limit editor text area styles to where they are needed
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
2018-07-26 10:35:16 +08:00

80 lines
1.2 KiB
Plaintext

// Additional Styles for no-js editing mode
@import '../../minerva.less/minerva.mixins';
.mw-editform {
textarea {
.editor-textarea();
}
.editHelp, .cancelLink {
display: none;
}
> #wpTextbox1 {
border: 1px solid @colorGray12;
max-height: 70vh;
}
}
.action-submit,
.action-edit {
#page-secondary-actions,
#page-actions {
display: none;
}
.heading-holder {
padding-bottom: 8px;
padding-top: 0;
font-weight: bold;
}
#mw-anon-edit-warning {
padding: 8px;
> p {
margin: 0;
}
}
// Parsing information doesn't need to be so big
.mw-editnotice,
.mw-editTools,
.preview-limit-report-wrapper,
// neither to headers for diffs
.diff-otitle,
.diff-ntitle,
// neither does the page title
#section_0,
// neither do all the warnings
#editpage-copywarn,
#mw-anon-edit-warning {
.secondary-text();
}
// add separation btween
.mw-editnotice {
margin-bottom: 8px;
li {
margin-bottom: 0;
}
}
// Preview header is hidden given the warning box already
// tells the user they are in preview mode.
.previewnote h2 {
display: none;
}
// show changes specific
#wikiDiff table {
margin-top: 0;
.diff-otitle,
.diff-ntitle {
text-align: left;
}
}
}