diff --git a/modules/ve-mw/ui/dialogs/ve.ui.MWSaveDialog.js b/modules/ve-mw/ui/dialogs/ve.ui.MWSaveDialog.js index 92deb8053f..884f4091b9 100644 --- a/modules/ve-mw/ui/dialogs/ve.ui.MWSaveDialog.js +++ b/modules/ve-mw/ui/dialogs/ve.ui.MWSaveDialog.js @@ -296,7 +296,11 @@ ve.ui.MWSaveDialog.prototype.initialize = function () { ve.ui.Dialog.prototype.initialize.call( this ); // Properties - this.savePanel = new OO.ui.PanelLayout( { '$': this.$, 'scrollable': true } ); + this.savePanel = new OO.ui.PanelLayout( { + '$': this.$, + 'scrollable': true, + 'classes': ['ve-ui-mwSaveDialog-savePanel'] + } ); // Save panel this.$editSummaryLabel = this.$( '
' ).addClass( 've-ui-mwSaveDialog-summaryLabel' ) diff --git a/modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css b/modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css index fb972b889e..3ed48dbacf 100644 --- a/modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css +++ b/modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css @@ -13,29 +13,26 @@ padding: 0.25em 0; } +.ve-ui-mwSaveDialog-savePanel { + /* Make room for input box shadow */ + padding: 0 0.5em; +} + .ve-ui-mwSaveDialog-summary { width: 100%; background-color: #fff; - border: solid 1px #ccc; - padding: 0.5em; - border-radius: 0.25em 0.25em 0 0; } .ve-ui-mwSaveDialog-summary textarea { + border-radius: 0.25em 0.25em 0 0; + vertical-align: top; margin: 0; - padding: 0; + padding: 0.5em; resize: none; height: 80px; - border: none; - box-shadow: none; background-color: transparent; } -.ve-ui-mwSaveDialog-summary textarea:focus, -.ve-ui-mwSaveDialog-summary textarea:active { - box-shadow: none; -} - .ve-ui-mwSaveDialog-foot { margin: 0.5em; }