wikimedia/mediawiki-extensions-UploadWizard

View on GitHub
resources/details/uw.SingleLanguageInputWidget.less

Summary

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

.mwe-upwiz-singleLanguageInputWidget {
    &:not( :first-of-type ) {
        border-top: 0;
    }

    .mwe-upwiz-singleLanguageInputWidget-body {
        background-color: @background-color-neutral-subtle;
        padding: 10px;
        border: @border-width-base @border-style-base @border-color-muted;
        border-radius: @border-radius-base;
        margin-bottom: 0.8em;

        .mwe-upwiz-singleLanguageInputWidget-text {
            padding-top: 0.5em;
            width: 100%;
        }

        .mwe-upwiz-singleLanguageInputWidget-removeItem {
            float: right;
            margin-right: 0;

            &.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
                float: right;
            }
        }

        .mwe-upwiz-singleLanguageInputWidget-language,
        .mwe-upwiz-singleLanguageInputWidget-text,
        .mwe-upwiz-singleLanguageInputWidget-removeItem {
            display: inline-block;
            // 'top' because the description text input is autosized
            vertical-align: top;
        }
    }

    &.mwe-upwiz-singleLanguageInputWidget-removable .mwe-upwiz-singleLanguageInputWidget-language {
        // Lower the width to accommodate for the delete icon
        // 32px is icon width, 8px is this element's margin-right
        width: calc( 100% - 8px - 32px );
    }

    &:not( .mwe-upwiz-singleLanguageInputWidget-removable ) .mwe-upwiz-singleLanguageInputWidget-removeItem {
        display: none;
    }
}