Fixes for action=edit page styling

* Use box-sizing:border-box when adding textarea padding - before
the right side of the textarea did not align with the right side of
the bell icon. Now it does.
* Fix specificity of rule hiding cancel link and "editing help" which
appear at the bottom of the form.
* Fix height of noJS textarea (70vh)
* Remove some unnecessary extra margins and padding (the minor edit
and watch this page checkboxes will now show on the same line)
* Update specificity for oo-ui-fieldLayout-body so that it does not
apply to the summary form.

Change-Id: I8d3d61fdc51934a6ef0885cde94dac1e8c5e33ca
This commit is contained in:
Ed Sanders 2018-04-02 22:26:06 +01:00 committed by Jdlrobson
parent 4335114fca
commit f4658a4d0e
3 changed files with 14 additions and 18 deletions

View file

@ -46,6 +46,8 @@ textarea {
padding: 5px 0 5px 5px; padding: 5px 0 5px 5px;
width: 100%; width: 100%;
resize: none; resize: none;
// stylelint-disable-next-line no-descending-specificity
.box-sizing( border-box );
} }
// We hide the table of contents unless the user is viewing in tablet resolution or higher // We hide the table of contents unless the user is viewing in tablet resolution or higher

View file

@ -444,7 +444,7 @@ input.search {
.image-list, .image-list,
.pre-content, .pre-content,
// Form only pages e.g Special:MobileOptions // Form only pages e.g Special:MobileOptions
#mw-content-text > form .oo-ui-fieldLayout-body, #mw-content-text > form > .oo-ui-fieldLayout > .oo-ui-fieldLayout-body,
// Save button on Special:MobileOptions // Save button on Special:MobileOptions
#mw-content-text > form > .oo-ui-widget, #mw-content-text > form > .oo-ui-widget,
.content, .content,

View file

@ -1,20 +1,15 @@
// Additional Styles for no-js editing mode // Additional Styles for no-js editing mode
@import 'minerva.mixins'; @import 'minerva.mixins';
#wpTextbox1 { .mw-editform {
border: 1px solid @colorGray12;
}
.editHelp, .cancelLink { .editHelp, .cancelLink {
display: none; display: none;
} }
.editButtons input, .editButtons a { > #wpTextbox1 {
margin-top: 10px; border: 1px solid @colorGray12;
max-height: 70vh;
} }
textarea.mw-ui-input {
max-height: 14em;
} }
.action-submit, .action-submit,
@ -30,12 +25,11 @@ textarea.mw-ui-input {
font-weight: bold; font-weight: bold;
} }
.editCheckboxes {
margin-top: 8px;
}
#mw-anon-edit-warning { #mw-anon-edit-warning {
padding: 8px; padding: 8px;
> p {
margin: 0;
}
} }
// Parsing information doesn't need to be so big // Parsing information doesn't need to be so big