wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-12-11 14:06:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optional feature makes the transclusion dialog bigger

Browse source 
When $wgVisualEditorTransclusionDialogInlineDescriptions is set to
true, the template dialog will use a larger format.

Bug: T273971
Change-Id: Iad3c3f4d65125c83e35414ce15f793f6a1b192ef
This commit is contained in:
Adam Wight 2021-05-03 12:40:02 +02:00
parent a4d1863a80
commit ded8c40915
2 changed files with 35 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
modules/ve-mw/ui/dialogs/ve.ui.MWTransclusionDialog.js
View file

@ -20,6 +20,12 @@ ve.ui.MWTransclusionDialog = function VeUiMWTransclusionDialog( config ) {
// Properties
this.mode = null;
// Temporary override while feature flag is in place.
this.isBigger = mw.config.get( 'wgVisualEditorConfig' ).transclusionDialogInlineDescriptions;
if ( this.isBigger ) {
this.$element.addClass( 've-ui-mwTransclusionDialog-bigger' );
}
};
/* Inheritance */
@ -385,6 +391,27 @@ ve.ui.MWTransclusionDialog.prototype.getSetupProcess = function ( data ) {
}, this );
};
/**
* @inheritdoc
*
* Temporary override to increase dialog size when a feature flag is enabled.
*/
ve.ui.MWTransclusionDialog.prototype.getSizeProperties = function () {
var size = this.getSize();
if ( this.isBigger ) {
// Note that the base class makes an assumption that `width` is in raw
// pixels, but no such assumption is made about the height.
if ( size === 'medium' ) {
return { width: 560, height: '90%' };
} else if ( size === 'large' ) {
return { width: 800, height: '90%' };
}
}
return ve.ui.MWTransclusionDialog.super.prototype.getSizeProperties.call( this );
};
/* Registration */
ve.ui.windowFactory.register( ve.ui.MWTransclusionDialog );

8
modules/ve-mw/ui/styles/dialogs/ve.ui.MWTransclusionDialog.css
View file

@ -69,3 +69,11 @@
-moz-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.ve-ui-mwTransclusionDialog-bigger .oo-ui-menuLayout > .oo-ui-menuLayout-menu {
width: 240px;
}
.ve-ui-mwTransclusionDialog-bigger .oo-ui-menuLayout > .oo-ui-menuLayout-content {
left: 240px;
}