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

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

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