MediaWiki:Vector.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
Opera: Нажмите Ctrl+F5.

/* Промотка индексменю */
/* Общие стили для левой панели (фиксированная ширина) */
#mw-panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    width: 220px !important; /* Фиксированная ширина панели */
    overflow: hidden !important; /* Скрываем общую прокрутку панели */
}

/* Логотип */
#p-logo {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important; /*  Важно: выше дерева категорий и навигации */
    background-color: #f8f9fa !important; /* Фон панели */
}

/* Навигация */
#p-navigation {
    position: sticky !important;
    top: 50px !important; /* Отступ от логотипа, регулируйте */
    z-index: 3 !important; /* Важно: выше дерева категорий */
    background-color: #f8f9fa !important; /* Фон панели */
}

/*  Контейнер для дерева категорий */
#catlinks {
    position: absolute !important; /* Абсолютное позиционирование внутри #mw-panel */
    top: 100px !important; /* Отступ от верха панели, регулируйте */
    left: 0 !important;
    width: 100% !important; /* Занимает всю ширину панели */
    height: calc(100vh - 150px) !important; /* Высота области с категориями, регулируйте */
    overflow-y: auto !important; /* Вертикальная прокрутка только для этого блока */
    scrollbar-width: thin !important; /* Для Firefox */
    scrollbar-color: #adb5bd #f8f9fa !important; /* Для Firefox */
}

/* Стили для полосы прокрутки (Chrome, Edge, Safari) */
#catlinks::-webkit-scrollbar {
    width: 8px !important;
}

#catlinks::-webkit-scrollbar-track {
    background: #f8f9fa !important;
}

#catlinks::-webkit-scrollbar-thumb {
    background-color: #adb5bd !important;
    border-radius: 4px !important;
    border: 2px solid #f8f9fa !important;
}

#catlinks::-webkit-scrollbar-thumb:hover {
    background-color: #868e96 !important;
}

/*  Стили для основного контента, чтобы не перекрывался сайдбаром */
#content {
    margin-left: 220px !important; /*  Ширина сайдбара */
}

#mw-head {
    margin-left: 220px !important; /* Ширина сайдбара */
}

#mw-navigation {
    margin-left: 220px !important; /* Ширина сайдбара */
}