wikimedia/mediawiki-extensions-VisualEditor

/*!
 * VisualEditor MediaWiki UserInterface MWSaveDialog styles.
 *
 * @copyright See AUTHORS.txt
 * @license The MIT License (MIT); see LICENSE.txt
 */
@import 'mediawiki.skin.variables.less';

.ve-ui-mwSaveDialog {
    &-summaryLabel {
        padding: 0.25em 0;
    }

    &-summary {
        width: 100%;
        max-width: none;
        background-color: @background-color-base;

        textarea {
            height: 4em;
        }
    }

    &-foot {
        margin: 0.5em 0;
    }

    &-options {
        position: relative;
        background-color: @background-color-neutral-subtle;
        border: 1px solid @border-color-subtle;
        border-top: 0;
        display: none;

        .ve-ui-mwSaveDialog-withOptions & {
            display: block;
        }
    }

    &-checkboxes {
        margin-right: 3.25em; /* Hack to prevent overlap on edit summary count */
        padding: 0.7857em 0.7857em 0 0.7857em;

        > .oo-ui-fieldLayout {
            display: inline-block;
            margin: 0 1.5em 0.5em 0;
            vertical-align: middle;

            &:last-child {
                margin-right: 0;
            }
        }

        &-withExpiry > .ve-ui-mwSaveDialog-field-wpMinoredit {
            display: block;
        }
    }

    &-editSummary-count {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border-left: 1px solid @border-color-muted;
        line-height: 3em;
        padding: 0 1em;
        color: @color-subtle;

        &:empty {
            visibility: hidden;
        }
    }

    &-license {
        font-size: 0.9em;
        line-height: 1.4em;
        padding: 0;
        margin: 0;
        color: @color-subtle;
    }

    &-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;

        > .oo-ui-messageWidget {
            font-weight: normal;
        }

        &:empty {
            display: none;
        }
    }

    &-reviewMode {
        float: right;
        margin: 0 0 0 1em;
    }

    &-viewer {
        margin-top: 1em;
        clear: both;
    }

    &-no-changes {
        color: @color-disabled;
        font-style: italic;
    }

    &-preview .mw-body {
        /* We use mw-body for realistic padding, but we don't need border/margin */
        border: 0;
        /* Override specificity in Monobook */
        /* stylelint-disable-next-line declaration-no-important */
        margin: 0 !important;
        /* Override grid layout in Vector-2022 */
        display: block;
    }
}