wikimedia/mediawiki-extensions-VisualEditor

View on GitHub
modules/ve-mw/preinit/styles/ve.init.mw.DesktopArticleTarget.init-vector-2022.less

Summary

Maintainability
Test Coverage
/*!
 * VisualEditor MediaWiki DesktopArticleTarget Vector (2022) skin init styles.
 *
 * @copyright See AUTHORS.txt
 * @license The MIT License (MIT); see LICENSE.txt
 */

.ve-init-mw-desktopArticleTarget-toolbar,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder,
.ve-ui-overlay-local,
.ve-ui-overlay-global {
    font-size: 0.875rem;
}

// Change the default shadow to not leak out from the sides
// (on other skins and in TargetWidgets there are borders that cover it)
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
.ve-init-mw-desktopArticleTarget-toolbar.ve-ui-toolbar > .oo-ui-toolbar-bar {
    box-shadow: 0 2px 1px -1px rgba( 0, 0, 0, 0.1 );
}

// Account for the use of CSS Grid in Vector 2022
// for the 2017 Wikitext editor preview.
// The grid is defined with named grid areas on .mw-body.
.ve-ui-mwSaveDialog-preview {
    .mw-body {
        /* stylelint-disable-next-line selector-class-pattern */
        .firstHeading {
            grid-area: titlebar;
        }

        .mw-body-content {
            grid-area: content;
        }
    }

    .mw-content-container {
        // Content container has a max-width of 60em * 16px = 960px
        max-width: 960px;
        margin: 0 auto;
    }
}

.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface > .ve-ce-surface .ve-ce-attachedRootNode {
    min-height: 15em;
}