MediaWiki:Citizen.css: Difference between revisions

Revision as of 13:52, 2 April 2026

/* All CSS here will be loaded for users of the Citizen skin */
@media (min-width: 1024px) {
    .citizen-drawer {
        display: block !important;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 250px;
        z-index: 10;
        background: var(--color-surface-0);
        border-right: 1px solid var(--border-color-base);
        overflow-y: auto;
        transform: none !important;
        visibility: visible !important;
    }

    /* Push the page content over to make room */
    .citizen-body-container {
        margin-left: 250px !important;
    }

    /* Hide the hamburger button since sidebar is always visible */
    .citizen-header__button[aria-controls="citizen-drawer"] {
        display: none !important;
    }
}