MediaWiki:Vector.css: различия между версиями

← Предыдущая правка Следующая правка →

@@ Строка 152: / Строка 152: @@
      height: 100vh !important;
      width: 220px !important; /* Фиксированная ширина панели */
-     overflow: hidden !important; /* Скрываем общую прокрутку панели */
+     overflow: hidden !important; /* Важно: Скрываем прокрутку всей панели */
 }
@@ Строка 159: / Строка 159: @@
      position: sticky !important;
      top: 0 !important;
-     z-index: 3 !important; /*  Важно: выше дерева категорий и навигации */
+     z-index: 2 !important; /* Важно: Выше дерева категорий */
      background-color: #f8f9fa !important; /* Фон панели */
 }
@@ Строка 166: / Строка 166: @@
 #p-navigation {
      position: sticky !important;
-     top: 50px !important; /* Отступ от логотипа, регулируйте */
+     top: 50px !important; /* Отступ от логотипа (пример) */
-     z-index: 3 !important; /* Важно: выше дерева категорий */
+     z-index: 2 !important; /* Важно: Выше дерева категорий */
      background-color: #f8f9fa !important; /* Фон панели */
 }
-/*  Контейнер для дерева категорий */
+/* Контейнер для категорий - Важно: Применяем стили к div.catlinks */
-#catlinks {
+div.catlinks {
-     position: absolute !important; /* Абсолютное позиционирование внутри #mw-panel */
+     position: absolute !important;
-     top: 100px !important; /* Отступ от верха панели, регулируйте */
+     top: 150px !important; /*  Регулируйте отступ */
      left: 0 !important;
-     width: 100% !important; /* Занимает всю ширину панели */
+     width: 100% !important;
-     height: calc(100vh - 150px) !important; /* Высота области с категориями, регулируйте */
+     height: calc(100vh - 150px) !important; /* Регулируйте высоту */
-     overflow-y: auto !important; /* Вертикальная прокрутка только для этого блока */
+     overflow-y: auto !important; /*  Добавляем прокрутку */
-     scrollbar-width: thin !important; /* Для Firefox */
+     scrollbar-width: thin !important; /*  Для Firefox */
      scrollbar-color: #adb5bd #f8f9fa !important; /* Для Firefox */
 }
-/* Стили для полосы прокрутки (Chrome, Edge, Safari) */
+/* Стили полосы прокрутки (Chrome, Edge, Safari) */
-#catlinks::-webkit-scrollbar {
+div.catlinks::-webkit-scrollbar {
      width: 8px !important;
 }
-#catlinks::-webkit-scrollbar-track {
+div.catlinks::-webkit-scrollbar-track {
      background: #f8f9fa !important;
 }
-#catlinks::-webkit-scrollbar-thumb {
+div.catlinks::-webkit-scrollbar-thumb {
      background-color: #adb5bd !important;
      border-radius: 4px !important;
@@ Строка 198: / Строка 198: @@
 }
-#catlinks::-webkit-scrollbar-thumb:hover {
+div.catlinks::-webkit-scrollbar-thumb:hover {
      background-color: #868e96 !important;
 }
-/*  Стили для основного контента, чтобы не перекрывался сайдбаром */
+/*  Основной контент */
 #content {
-     margin-left: 220px !important; /*  Ширина сайдбара */
+     margin-left: 220px !important; /* Ширина сайдбара */
 }
+/* Шапка */
 #mw-head {
      margin-left: 220px !important; /* Ширина сайдбара */
 }
+/* Панель навигации (если нужно) */
 #mw-navigation {
      margin-left: 220px !important; /* Ширина сайдбара */
+}
+/* Скрываем стандартные catlinks если необходимо */
+#catlinks {
+    display: none !important;
 }