Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
Created page with "→‎All CSS here will be loaded for users of the Citizen skin: →‎Always show the drawer on desktop: @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..."
 
Tag: Replaced
Line 1: Line 1:
/* All CSS here will be loaded for users of the Citizen skin */
/* All CSS here will be loaded for users of the Citizen skin */
/* Always show the drawer on desktop */
@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;
    }
}

Revision as of 13:44, 2 April 2026

/* All CSS here will be loaded for users of the Citizen skin */