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;
width: 100%;
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

View File

@ -444,7 +444,7 @@ input.search {
.image-list,
.pre-content,
// 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
#mw-content-text > form > .oo-ui-widget,
.content,

View File

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