Edit check: center the text in the proofreading toolbar

Bug: T341308
Change-Id: I5e12cefe690c2b9fba7cd7998a11723931575465
This commit is contained in:
David Lynch 2024-08-22 01:23:27 -05:00
parent 762a5c0ff9
commit 16c2dd919b
2 changed files with 21 additions and 0 deletions

View file

@ -1,9 +1,29 @@
/* Toolbar */
.ve-ui-editCheck-toolbar {
.oo-ui-toolbar-bar {
display: flex;
}
.oo-ui-toolbar-tools {
flex: 1;
display: flex;
}
.oo-ui-toolbar-tools.oo-ui-toolbar-after {
flex: 0;
}
&.ve-init-mw-mobileArticleTarget-toolbar .oo-ui-toolbar-tools.oo-ui-toolbar-after {
display: none;
}
}
.ve-ui-toolbar-group-title {
font-weight: bold;
flex: 5 !important; /* stylelint-disable-line declaration-no-important */
line-height: 3em;
text-align: center;
}
/* Context item */

View file

@ -209,6 +209,7 @@ if ( mw.config.get( 'wgVisualEditorConfig' ).editCheck || mw.editcheck.ecenable
include: [ 'showSaveDisabled' ]
}
], surface );
reviewToolbar.$element.addClass( 've-ui-editCheck-toolbar' );
reviewToolbar.items[ 1 ].$element.removeClass( 'oo-ui-toolGroup-empty' );
reviewToolbar.items[ 1 ].$group.append(