wikimedia/mediawiki-extensions-VisualEditor

View on GitHub
modules/ve-mw/ui/styles/layouts/ve.ui.MWTwoPaneTransclusionDialogLayout.less

Summary

Maintainability
Test Coverage
@import 'mediawiki.skin.variables.less';

.ve-ui-mwTwoPaneTransclusionDialogLayout {
    &-sidebar-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 2.5em;
        overflow: auto;
        /* Compensate for 2 * 2px padding on the .oo-ui-outlineControlsWidget + 1px border */
        margin-bottom: 5px;

        .ve-ui-mwTransclusionDialog-single-transclusion & {
            bottom: 0;
            margin-bottom: 0;
        }
    }

    &-stackLayout {
        /* We don't want anything to collapse left/right, so shouldn't use margin */
        padding: 0 54px;

        &.ve-ui-mwVerticalLayout {
            > .oo-ui-panelLayout-scrollable {
                // Override from PanelLayout; only the StackLayout must be scrollable
                overflow: hidden;
            }

            > .oo-ui-panelLayout {
                display: block;
                position: relative;
            }
        }

        > .oo-ui-panelLayout {
            width: 100%;
            box-sizing: border-box;
            margin: 48px 0 20px 0;

            &:last-child {
                margin-bottom: 48px;
            }
        }
    }

    > .oo-ui-menuLayout-menu {
        width: 240px;
        // @border-dialog-bar
        border-right: @border-subtle;
    }

    > .oo-ui-menuLayout-content {
        left: 240px;
    }
}