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

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

@@ Строка 203: / Строка 203: @@
 /* Контейнер списка (изначально скрыт) */
 .dropdown-content {
-  text-align: center;
+    display: block; /* Скрываем через height, а не display */
-  overflow: hidden;
+    text-aling: center;
-  max-height: 0;
+    overflow: hidden;
-  opacity: 0;
+    max-height: 0;
-  transition: max-height 0.28s ease-out, opacity 0.22s ease-out;
+    opacity: 0;
-  background: #fff;
+    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
-  border: 1px solid #ccc;
-  border-radius: 6px;
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0;
-  right: 0;
-  z-index: 50;
-  padding: 4px 0;
 }
@@ Строка 231: / Строка 224: @@
 /* Эффект наведения на ссылки */
-.dropdown:hover .dropdown-content,
+.dropdown-content a:hover {
-.dropdown:focus-within .dropdown-content {
+    background-color: #f1f1f1;
-  max-height: 500px; /* достаточно для содержимого */
-  opacity: 1;
 }
@@ Строка 244: / Строка 235: @@
 /* Анимация сдвига только в рамках своей колонки */
-.menu-column .dropdown:hover ~ .dropdown,
+.menu-column .dropdown.active ~ .dropdown {
-.menu-column .dropdown:focus-within ~ .dropdown {
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
@@ Строка 251: / Строка 241: @@
 /* Responsive: на узких экранах колонки идут друг под другом */
-@media (max-width: 800px) {
+max-width: 800px {
    .dropdown-container {
      flex-direction: column;