wikimedia/mediawiki-extensions-Translate

View on GitHub
resources/css/ext.translate.navitoggle.css

Summary

Maintainability
Test Coverage
/**
 * Introduces a toggle icon than can be used to hide navigation menu in vector
 * @author Niklas Laxström
 * @license GPL-2.0-or-later
 */

.tux-navitoggle {
    background: no-repeat scroll right center transparent;
    /* @embed */
    background-image: url( ../images/expand-rtl.svg );
    height: 40px;
    width: 20px;
    position: absolute;
    top: 0;
    z-index: 10000000004;
    cursor: pointer;
}

.tux-navi-collapsed .tux-navitoggle {
    background: no-repeat scroll right center transparent;
    /* @embed */
    background-image: url( ../images/expand-ltr.svg );
    left: 40px !important;
}

.tux-navi-collapsed #mw-panel {
    display: none;
}

.tux-navi-collapsed #content {
    margin-left: 0;
}

.tux-navi-collapsed #left-navigation {
    left: 0;
}

.tux-navi-minilogo {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.tux-navi-collapsed .tux-navi-minilogo {
    display: block;
}

.tux-navi-minilogo a {
    width: 40px;
    height: 40px;
    background-size: 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
}