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

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

@@ Строка 146: / Строка 146: @@
 /* Контейнер для категорий (прокрутка) */
-/* Фиксируем сайдбар и отключаем его прокрутку */
+/* Фиксируем сайдбар и разрешаем его прокрутку */
 #mw-panel {
      position: fixed !important;
      height: 100vh !important;
      width: 220px !important;
-     overflow: hidden !important; /* Запрещаем прокрутку всего сайдбара */
+     overflow-y: auto !important;
-    display: flex !important;
-    flex-direction: column !important;
 }
-/* Фиксируем логотип */
+/* Контент с учетом сайдбара */
-#p-logo {
+#content {
-    position: sticky !important;
+     margin-left: 22em !important;
-    top: 0 !important;
-    z-index: 10 !important;
-    background-color: #f8f9fa !important;
-}
-/* Фиксируем навигацию */
-#p-navigation {
-     position: sticky !important;
-    top: 50px !important; /* Регулируем отступ от логотипа */
-    z-index: 10 !important;
-    background-color: #f8f9fa !important;
 }
-/* Контейнер для категорий с прокруткой */
+/* Добавляем эффект исчезновения */
 div.catlinks {
-    flex-grow: 1 !important;
-    overflow-y: auto !important; /* Добавляем скролл */
-    scrollbar-width: thin !important;
-    scrollbar-color: #adb5bd #f8f9fa !important;
      position: relative !important;
+    transition: opacity 0.3s ease-in-out !important;
 }
-/* Стили полосы прокрутки */
+/* Градиентные маски сверху и снизу */
-div.catlinks::-webkit-scrollbar {
-    width: 8px !important;
-}
-div.catlinks::-webkit-scrollbar-track {
-    background: #f8f9fa !important;
-}
-div.catlinks::-webkit-scrollbar-thumb {
-    background-color: #adb5bd !important;
-    border-radius: 4px !important;
-    border: 2px solid #f8f9fa !important;
-}
-div.catlinks::-webkit-scrollbar-thumb:hover {
-    background-color: #868e96 !important;
-}
-/* Эффект исчезновения */
 div.catlinks::before,
 div.catlinks::after {
@@ Строка 215: / Строка 180: @@
      top: 0 !important;
      background: linear-gradient(to bottom, rgba(248, 249, 250, 1), rgba(248, 249, 250, 0)) !important;
+    opacity: 0 !important;
 }
@@ Строка 220: / Строка 186: @@
      bottom: 0 !important;
      background: linear-gradient(to top, rgba(248, 249, 250, 1), rgba(248, 249, 250, 0)) !important;
+    opacity: 0 !important;
 }