MediaWiki:Vector.css: различия между версиями
Shihov (обсуждение | вклад) Нет описания правки |
Shihov (обсуждение | вклад) Нет описания правки |
||
| Строка 144: | Строка 144: | ||
transform: scale(1.03) !important; | transform: scale(1.03) !important; | ||
} | } | ||
/* Промотка индексменю */ | |||
/* Общие стили для левой панели (не меняем, если они уже есть) */ | |||
#mw-panel { | #mw-panel { | ||
position: fixed !important; | position: fixed !important; | ||
height: 100vh !important; | height: 100vh !important; /* Занимает всю высоту экрана */ | ||
overflow-y: auto | width: 220px; /* Фиксированная ширина панели, можно изменить */ | ||
overflow: hidden; /* Важно: скрываем общую прокрутку панели */ | |||
} | |||
/* Контейнер для логотипа и навигации (верхней части сайдбара) */ | |||
#p-logo, | |||
#p-navigation { | |||
/* Фиксируем положение относительно левого верхнего угла панели */ | |||
position: sticky; | |||
top: 0; | |||
z-index: 1; /* Чтобы контент не перекрывался при прокрутке */ | |||
background-color: #f8f9fa; /* Фон панели, чтобы перекрывать прокручиваемый контент */ | |||
} | |||
/* Контейнер для дерева категорий */ | |||
#p-navigation { | |||
margin-top: 100px; /* Отступ, можно настроить */ | |||
} | |||
#p-namespaces { | |||
margin-top: 200px; /* Отступ, можно настроить */ | |||
} | |||
#mw-panel-category-tree { | |||
height: calc(100vh - 250px); /* Высота области с категориями, занимает все доступное место, можешь поменять */ | |||
overflow-y: auto; /* Добавляем вертикальную прокрутку только для этого блока */ | |||
scrollbar-width: thin; /* Для Firefox */ | scrollbar-width: thin; /* Для Firefox */ | ||
scrollbar-color: #adb5bd #f8f9fa; /* Для Firefox */ | scrollbar-color: #adb5bd #f8f9fa; /* Для Firefox */ | ||
| Строка 155: | Строка 181: | ||
/* Для Chrome, Edge и Safari */ | /* Для Chrome, Edge и Safari */ | ||
#mw-panel::-webkit-scrollbar { | #mw-panel-category-tree::-webkit-scrollbar { | ||
width: 8px; | width: 8px; | ||
} | } | ||
#mw-panel::-webkit-scrollbar-track { | #mw-panel-category-tree::-webkit-scrollbar-track { | ||
background: #f8f9fa; | background: #f8f9fa; | ||
} | } | ||
#mw-panel::-webkit-scrollbar-thumb { | #mw-panel-category-tree::-webkit-scrollbar-thumb { | ||
background-color: #adb5bd; | background-color: #adb5bd; | ||
border-radius: 4px; | border-radius: 4px; | ||
| Строка 169: | Строка 195: | ||
} | } | ||
#mw-panel::-webkit-scrollbar-thumb:hover { | #mw-panel-category-tree::-webkit-scrollbar-thumb:hover { | ||
background-color: #868e96; | background-color: #868e96; | ||
} | } | ||