Add a fade animation when a menu is opening

This commit is contained in:
Adorian Doran 2024-11-20 10:48:42 +02:00
parent 3792761ffc
commit 3d27a60897

View File

@ -232,12 +232,21 @@ div.ui-tooltip {
border-color: var(--dropdown-border-color);
}
@keyframes dropdown-menu-opening {
from {
opacity: 0;
} to {
opacity: 1;
}
}
.dropdown-menu {
border: 1px solid var(--dropdown-border-color);
color: var(--menu-text-color) !important;
background-color: var(--menu-background-color) !important;
font-size: inherit;
box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
animation: dropdown-menu-opening 100ms ease-in;
}
.dropdown-menu.static {
@ -1256,3 +1265,4 @@ textarea {
text-align: center;
color: var(--muted-text-color);
}