MediaWiki:Vector.css: различия между версиями
Shihov (обсуждение | вклад) Нет описания правки |
Shihov (обсуждение | вклад) Нет описания правки |
||
| Строка 145: | Строка 145: | ||
} | } | ||
/* Промотка индексменю */ | /* Промотка индексменю */ | ||
/* Общие стили для левой панели (фиксированная ширина) */ | |||
/* Общие стили для левой панели */ | |||
#mw-panel { | #mw-panel { | ||
position: fixed !important; | position: fixed !important; | ||
| Строка 156: | Строка 155: | ||
} | } | ||
/* | /* Логотип */ | ||
#p-logo { | #p-logo { | ||
position: sticky !important; | position: sticky !important; | ||
top: 0 !important; | top: 0 !important; | ||
z-index: | z-index: 3 !important; /* Важно: выше дерева категорий и навигации */ | ||
background-color: #f8f9fa !important; /* Фон панели */ | background-color: #f8f9fa !important; /* Фон панели */ | ||
} | } | ||
/* | /* Навигация */ | ||
#p-navigation { | #p-navigation { | ||
position: sticky !important; | position: sticky !important; | ||
top: 50px !important; /* Отступ от логотипа | top: 50px !important; /* Отступ от логотипа, регулируйте */ | ||
z-index: | z-index: 3 !important; /* Важно: выше дерева категорий */ | ||
background-color: #f8f9fa !important; /* Фон панели */ | background-color: #f8f9fa !important; /* Фон панели */ | ||
} | } | ||
/* Контейнер для дерева категорий | /* Контейнер для дерева категорий */ | ||
#catlinks { | #catlinks { | ||
height: calc(100vh - 150px) !important; /* Высота области с категориями */ | position: absolute !important; /* Абсолютное позиционирование внутри #mw-panel */ | ||
top: 100px !important; /* Отступ от верха панели, регулируйте */ | |||
left: 0 !important; | |||
width: 100% !important; /* Занимает всю ширину панели */ | |||
height: calc(100vh - 150px) !important; /* Высота области с категориями, регулируйте */ | |||
overflow-y: auto !important; /* Вертикальная прокрутка только для этого блока */ | overflow-y: auto !important; /* Вертикальная прокрутка только для этого блока */ | ||
scrollbar-width: thin !important; /* Для Firefox */ | scrollbar-width: thin !important; /* Для Firefox */ | ||
| Строка 180: | Строка 183: | ||
} | } | ||
/* | /* Стили для полосы прокрутки (Chrome, Edge, Safari) */ | ||
#catlinks::-webkit-scrollbar { | #catlinks::-webkit-scrollbar { | ||
width: 8px !important; | width: 8px !important; | ||
| Строка 199: | Строка 202: | ||
} | } | ||
/* | /* Стили для основного контента, чтобы не перекрывался сайдбаром */ | ||
#content { | #content { | ||
margin-left: 220px !important; /* Ширина сайдбара */ | |||
} | |||
#mw-head { | |||
margin-left: 220px !important; /* Ширина сайдбара */ | margin-left: 220px !important; /* Ширина сайдбара */ | ||
} | } | ||
#mw- | #mw-navigation { | ||
margin-left: 220px !important; /* Ширина сайдбара */ | margin-left: 220px !important; /* Ширина сайдбара */ | ||
} | } | ||