MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Force Citizen sidebar drawer to always be visible on desktop */
@media (min-width: 1200px) {
    /* Make the header wider to accommodate the always-open drawer */
    .citizen-header {
        width: 280px !important;
    }

    /* Force the drawer to always be visible */
    .citizen-drawer {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        transform: none !important;
        height: auto !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    .citizen-drawer .citizen-dropdown__content {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        transform: none !important;
        max-height: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        box-shadow: none !important;
        border: none !important;
        background: transparent !important;
    }

    .citizen-drawer__card {
        display: block !important;
        visibility: visible !important;
    }

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

    /* Hide the hamburger toggle since drawer is always open */
    .citizen-drawer > .citizen-dropdown__trigger {
        display: none !important;
    }

    /* Style the always-visible sidebar */
    .citizen-drawer .citizen-menu__heading {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.05em;
        opacity: 0.7;
        margin-top: 1rem;
    }

    .citizen-drawer .citizen-menu__content a {
        padding: 4px 0;
        display: block;
    }
}