Fix styling on save dialog

Apply styles directly to textarea instead of wrapper div

Change-Id: Id2340cb81dd343266b8a57ae91057fa3015a47e0
This commit is contained in:
Ed Sanders 2014-05-19 18:41:06 +01:00
parent bd3b5ffc4f
commit ddf88a5633
2 changed files with 13 additions and 12 deletions

View file

@ -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.$( '<div>' ).addClass( 've-ui-mwSaveDialog-summaryLabel' )

View file

@ -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;
}