wikimedia/mediawiki-extensions-UniversalLanguageSelector

View on GitHub
resources/css/ext.uls.less

Summary

Maintainability
Test Coverage
// TODO: Replace with @import 'mediawiki.skin.variables.less'; with MW core LTS v1.42 dependency.
@import '../../lib/codex-design-tokens/theme-wikimedia-ui-legacy.less';
@import 'ext.uls.mixins.less';

/* Overrides to follow MediaWiki style */
.uls-menu {
    border-radius: @border-radius-base;
    /* Ensure base font size is same in different skins */
    font-size: medium;
}

.uls-search,
.uls-language-settings-close-block {
    border-top-right-radius: @border-radius-base;
    border-top-left-radius: @border-radius-base;
}

.uls-language-list {
    border-bottom-right-radius: @border-radius-base;
    border-bottom-left-radius: @border-radius-base;
}

.uls-menu.callout {
    .caret();
}

.uls-ui-languages button {
    margin: 5px 15px 5px 0;
    white-space: nowrap;
    overflow: hidden;
}

.uls-search-wrapper-wrapper {
    position: relative;
    padding-left: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.uls-icon-back {
    background: transparent url( ../images/back-grey-ltr.svg ) no-repeat scroll center center;
    background-size: 28px;
    height: 32px;
    width: 40px;
    display: block;
    position: absolute;
    left: 0;
    border-right: @border-width-base @border-style-base @border-color-subtle;
    opacity: @opacity-icon-base;
}

.uls-icon-back:hover {
    opacity: 1;
    cursor: pointer;
}

.uls-menu .uls-no-results-view {
    .uls-no-found-more {
        background-color: @background-color-base;
    }

    h3 {
        padding: 0 28px;
        margin: 0;
        color: @color-subtle;
        font-size: 1em;
        font-weight: normal;
    }
}