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; /* Ширина сайдбара */
}