Add a fade animation when a menu is opening

pull/618/head
Adorian Doran 2024-11-20 10:48:42 +07:00
parent 3792761ffc
commit 3d27a60897
1 changed files with 11 additions and 1 deletions

@ -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);
}