Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-01 04:32:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add a fade animation when a menu is opening

Browse Source
This commit is contained in:
Adorian Doran 2024-11-20 10:48:42 +02:00
parent 3792761ffc
commit 3d27a60897
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/public/stylesheets/style.css
View File

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