diff --git a/modules/ve-mw/ui/dialogs/ve.ui.MWBetaWelcomeDialog.js b/modules/ve-mw/ui/dialogs/ve.ui.MWBetaWelcomeDialog.js index c9fbeef958..b279376592 100644 --- a/modules/ve-mw/ui/dialogs/ve.ui.MWBetaWelcomeDialog.js +++ b/modules/ve-mw/ui/dialogs/ve.ui.MWBetaWelcomeDialog.js @@ -45,12 +45,11 @@ ve.ui.MWBetaWelcomeDialog.prototype.initialize = function () { ve.ui.MWDialog.prototype.initialize.call( this ); // Properties - this.$content = this.$$( '
' ) - .addClass( 've-ui-mwBetaWelcomeDialog-content' ) - .text( - ve.msg( 'visualeditor-dialog-beta-welcome-content', $( '#ca-edit' ).text() ) - ); - + this.contentLayout = new ve.ui.PanelLayout( { + '$$': this.frame.$$, + 'scrollable': true, + 'padded': true + } ); this.continueButton = new ve.ui.ButtonWidget( { '$$': this.$$, 'label': ve.msg( 'visualeditor-dialog-beta-welcome-action-continue' ), @@ -61,7 +60,10 @@ ve.ui.MWBetaWelcomeDialog.prototype.initialize = function () { this.continueButton.connect( this, { 'click': [ 'close', 'close' ] } ); // Initialization - this.$body.append( this.$content ); + this.contentLayout.$ + .addClass( 've-ui-mwBetaWelcomeDialog-content' ) + .text( ve.msg( 'visualeditor-dialog-beta-welcome-content', $( '#ca-edit' ).text() ) ); + this.$body.append( this.contentLayout.$ ); this.$foot.append( this.continueButton.$ ); }; diff --git a/modules/ve-mw/ui/styles/ve.ui.MWDialog.css b/modules/ve-mw/ui/styles/ve.ui.MWDialog.css index 89f68de95a..e7e1521119 100644 --- a/modules/ve-mw/ui/styles/ve.ui.MWDialog.css +++ b/modules/ve-mw/ui/styles/ve.ui.MWDialog.css @@ -75,7 +75,6 @@ /* ve.ui.MWBetaWelcomeDialog */ .ve-ui-mwBetaWelcomeDialog-content { - padding: 1.5em; line-height: 1.5em; font-size: 1.1em; } diff --git a/modules/ve/ui/styles/ve.ui.Dialog.css b/modules/ve/ui/styles/ve.ui.Dialog.css index 2b6c15acfe..22d08f9a9d 100644 --- a/modules/ve/ui/styles/ve.ui.Dialog.css +++ b/modules/ve/ui/styles/ve.ui.Dialog.css @@ -53,9 +53,8 @@ } .ve-ui-dialog .ve-ui-window-frame.ve-ui-window-frame-small { - width: 600px; - min-height: 200px; - height: 280px; + max-width: 600px; + max-height: 300px; } .ve-ui-dialog-closing .ve-ui-window-frame {