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

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

@@ Строка 146: / Строка 146: @@
 /* Контейнер для категорий (прокрутка) */
-/* Фиксируем сайдбар, но отключаем его прокрутку */
+/* Фиксируем сайдбар и отключаем его прокрутку */
 #mw-panel {
      position: fixed !important;
      height: 100vh !important;
      width: 220px !important;
-     overflow: auto !important; /* Важно: отключаем прокрутку всей панели */
+     overflow: hidden !important; /* Запрещаем прокрутку всего сайдбара */
+    display: flex !important;
+    flex-direction: column !important;
 }
-/* Логотип остается фиксированным */
+/* Фиксируем логотип */
 #p-logo {
      position: sticky !important;
@@ Строка 162: / Строка 164: @@
 }
-/* Навигация остается фиксированной */
+/* Фиксируем навигацию */
 #p-navigation {
      position: sticky !important;
-     top: 50px !important;
+     top: 50px !important; /* Регулируем отступ от логотипа */
      z-index: 10 !important;
      background-color: #f8f9fa !important;
 }
-/* Само indexmenu (категории) прокручивается отдельно */
+/* Контейнер для категорий с прокруткой */
 div.catlinks {
-     position: absolute !important;
+     flex-grow: 1 !important;
-     top: 150px !important; /* Регулируем отступ */
+     overflow-y: auto !important; /* Добавляем скролл */
-    left: 0 !important;
-    width: 100% !important;
-    height: calc(100vh - 150px) !important; /* Высота с учетом остальных элементов */
-    overflow-y: auto !important;
      scrollbar-width: thin !important;
      scrollbar-color: #adb5bd #f8f9fa !important;
-     transition: opacity 0.3s ease-in-out !important;
+     position: relative !important;
 }
-/* Стили полосы прокрутки (Chrome, Edge, Safari) */
+/* Стили полосы прокрутки */
 div.catlinks::-webkit-scrollbar {
      width: 8px !important;
@@ Строка 202: / Строка 200: @@
 }
-/* Добавляем эффект исчезновения при достижении границ */
+/* Эффект исчезновения */
 div.catlinks::before,
 div.catlinks::after {