abusefilter.css: Increase the default abusefilter editor width

Increase default widths from `65%` to `90%` for the editor, notes,
description, group inputs.
Add `mw-abusefilter-edit-description-input` id to
`abusefilter-edit-description` TextInputWidget.

Bug: T294856
Change-Id: Ia9472298170740a39fd24864003b766078fcdfaf
This commit is contained in:
TheresNoTime 2023-01-31 00:15:34 -05:00 committed by Samtar
parent 25b4e83a3d
commit fdcf2aab36
2 changed files with 7 additions and 4 deletions

View file

@ -310,6 +310,7 @@ class AbuseFilterViewEdit extends AbuseFilterView {
$fields['abusefilter-edit-description'] =
new OOUI\TextInputWidget( [
'name' => 'wpFilterDescription',
'id' => 'mw-abusefilter-edit-description-input',
'value' => $filterObj->getName(),
'readOnly' => $readOnly
]

View file

@ -123,7 +123,7 @@ li.mw-abusefilter-changeslist-nomatch {
}
div.mw-abusefilter-editor {
width: 65%; /* Same as wpFilterRules and mw-abusefilter-notes-editor */
width: 90%; /* Same as wpFilterRules and mw-abusefilter-notes-editor */
height: 30em; /* Similar to wpFilterRules */
line-height: 1.5em;
border: 1px solid #a2a9b1;
@ -131,12 +131,14 @@ div.mw-abusefilter-editor {
}
#wpFilterRules {
width: 65%; /* Same as mw-abusefilter-editor */
width: 90%; /* Same as mw-abusefilter-editor */
height: 27em; /* Same as mw-abusefilter-editor, minus extra space */
}
#mw-abusefilter-notes-editor {
width: 65%; /* Same as mw-abusefilter-editor */
#mw-abusefilter-notes-editor,
#mw-abusefilter-edit-description-input,
#mw-abusefilter-edit-group-input {
width: 90%; /* Same as mw-abusefilter-editor */
max-width: unset; /* OOUI's default of 50em is too low for this field */
}