mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css
Lucas Werkmeister fd974c25c2 SaveDialog: only allow vertical resize of summary
By default, many browsers permit resizing the textarea in both
dimensions; however, the SaveDialog doesn’t handle horizontal resizing
very well (the textarea is no longer centered and the options don’t
adapt to the new width), so add some CSS to limit the resizing to
vertical only.

Change-Id: I91bf63357237ddc2e3ede8e661480ab0cb48d10e
2020-05-23 11:22:13 +02:00

107 lines
1.9 KiB
CSS

/*!
* VisualEditor MediaWiki UserInterface MWSaveDialog styles.
*
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-mwSaveDialog-summaryLabel {
padding: 0.25em 0;
}
.ve-ui-mwSaveDialog-summary {
width: 100%;
max-width: none;
background-color: #fff;
}
.ve-ui-mwSaveDialog-summary textarea {
height: 4em;
resize: vertical;
}
.ve-ui-mwSaveDialog-foot {
margin: 0.5em 0;
}
.ve-ui-mwSaveDialog-options {
position: relative;
background-color: #f8f9fa;
border: 1px solid #c8ccd1;
border-top: 0;
min-height: 3em;
display: none;
}
.ve-ui-mwSaveDialog-withOptions .ve-ui-mwSaveDialog-options {
display: block;
}
.ve-ui-mwSaveDialog-checkboxes {
margin-right: 3.25em; /* Hack to prevent overlap on edit summary count */
padding: 0.7em 0.7em 0 0.7em;
}
.ve-ui-mwSaveDialog-checkboxes > .oo-ui-fieldLayout {
display: inline-block;
margin: 0 1.5em 0 0;
}
.ve-ui-mwSaveDialog-checkboxes > .oo-ui-fieldLayout:last-child {
margin-right: 0;
}
.ve-ui-mwSaveDialog-editSummary-count {
position: absolute;
right: 0;
top: 0;
bottom: 0;
border-left: 1px solid #eaecf0;
line-height: 3em;
padding: 0 1em;
color: #54595d;
}
.ve-ui-mwSaveDialog-editSummary-count:empty {
visibility: hidden;
}
.ve-ui-mwSaveDialog-license {
font-size: 0.9em;
line-height: 1.4em;
padding: 0;
margin: 0;
color: #54595d;
}
.ve-ui-mwSaveDialog-messages {
/* Make a border that spans the whole width of the dialog */
margin: 1em -1.14285714em;
padding: 0.5em 1.14285714em;
border: 1px solid rgba( 0, 0, 0, 0.2 );
border-width: 1px 0;
}
.ve-ui-mwSaveDialog-messages:empty {
display: none;
}
.ve-ui-mwSaveDialog-reviewMode {
float: right;
margin: 0 0 0 1em;
}
.ve-ui-mwSaveDialog-viewer {
margin-top: 1em;
clear: both;
}
.ve-ui-mwSaveDialog-no-changes {
color: #72777d;
font-style: italic;
}
.ve-ui-mwSaveDialog-visualDiffFeedback {
float: right;
}