MediaWiki:Vector.css: различия между версиями
Shihov (обсуждение | вклад) Нет описания правки |
Shihov (обсуждение | вклад) Нет описания правки |
||
| Строка 143: | Строка 143: | ||
background: linear-gradient(145deg, #ebf0f5, #e2e8ee) !important; | background: linear-gradient(145deg, #ebf0f5, #e2e8ee) !important; | ||
transform: scale(1.03) !important; | transform: scale(1.03) !important; | ||
} | |||
/* Контейнер для категорий (прокрутка) */ | |||
div.catlinks { | |||
position: absolute !important; | |||
top: 150px !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; /* Плавное исчезновение */ | |||
} | |||
/* Добавляем эффекты исчезновения при достижении границ */ | |||
div.catlinks::before, div.catlinks::after { | |||
content: ""; | |||
position: absolute; | |||
left: 0; | |||
width: 100%; | |||
height: 30px; | |||
pointer-events: none; | |||
transition: opacity 0.3s ease-in-out; | |||
} | |||
div.catlinks::before { | |||
top: 0; | |||
background: linear-gradient(to bottom, rgba(248, 249, 250, 1), rgba(248, 249, 250, 0)); | |||
} | |||
div.catlinks::after { | |||
bottom: 0; | |||
background: linear-gradient(to top, rgba(248, 249, 250, 1), rgba(248, 249, 250, 0)); | |||
} | } | ||