wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-15 10:35:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix styling on save dialog

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
modules/ve-mw/ui/dialogs/ve.ui.MWSaveDialog.js
View file

@ -296,7 +296,11 @@ ve.ui.MWSaveDialog.prototype.initialize = function () {
ve.ui.Dialog.prototype.initialize.call( this ); ve.ui.Dialog.prototype.initialize.call( this );
// Properties // 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 // Save panel
this.$editSummaryLabel = this.$( '<div>' ).addClass( 've-ui-mwSaveDialog-summaryLabel' ) this.$editSummaryLabel = this.$( '<div>' ).addClass( 've-ui-mwSaveDialog-summaryLabel' )

19
modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css
View file

@ -13,29 +13,26 @@
padding: 0.25em 0; padding: 0.25em 0;
} }
.ve-ui-mwSaveDialog-savePanel {
/* Make room for input box shadow */
padding: 0 0.5em;
}
.ve-ui-mwSaveDialog-summary { .ve-ui-mwSaveDialog-summary {
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
border: solid 1px #ccc;
padding: 0.5em;
border-radius: 0.25em 0.25em 0 0;
} }
.ve-ui-mwSaveDialog-summary textarea { .ve-ui-mwSaveDialog-summary textarea {
border-radius: 0.25em 0.25em 0 0;
vertical-align: top;
margin: 0; margin: 0;
padding: 0; padding: 0.5em;
resize: none; resize: none;
height: 80px; height: 80px;
border: none;
box-shadow: none;
background-color: transparent; background-color: transparent;
} }
.ve-ui-mwSaveDialog-summary textarea:focus,
.ve-ui-mwSaveDialog-summary textarea:active {
box-shadow: none;
}
.ve-ui-mwSaveDialog-foot { .ve-ui-mwSaveDialog-foot {
margin: 0.5em; margin: 0.5em;
} }