mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css
Bartosz Dziewoński 53c59f35f6 ve.ui.MWSaveDialog: Tweak margins of checkboxes
Previously, if the checkboxes were shown on multiple lines (e.g. due
to a FlaggedRevs checkbox), there would be uneven margin at the
bottom. There was a special case to fix this only for the watchlist
expiry not-checkbox.

Change-Id: I006049cf23e6d42519bfa15b7ec30ea1bc5d08ac
2021-06-08 20:16:44 +00:00

122 lines
2.3 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;
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
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;
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.7857em 0.7857em 0 0.7857em;
}
.ve-ui-mwSaveDialog-checkboxes > .oo-ui-fieldLayout {
display: inline-block;
margin: 0 1.5em 0.5em 0;
vertical-align: middle;
}
.ve-ui-mwSaveDialog-checkboxes > .oo-ui-fieldLayout:last-child {
margin-right: 0;
}
.ve-ui-mwSaveDialog-checkboxes-withExpiry > .ve-ui-mwSaveDialog-field-wpMinoredit {
display: block;
}
.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 > .oo-ui-messageWidget {
font-weight: normal;
}
.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;
}
.ve-ui-mwSaveDialog-preview .mw-body {
/* We use mw-body for realistic padding, but we don't need border/margin */
border: 0;
margin: 0;
}