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

style(next)/floating buttons: update the highlight animation

Browse Source
This commit is contained in:
Adorian Doran 2025-03-22 01:28:53 +02:00
parent 4292d67b95
commit 592a7fe771
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/public/stylesheets/theme-next/shell.css
View File

@ -1464,14 +1464,17 @@ div.floating-buttons-children .close-floating-buttons:has(.close-floating-button
@keyframes floating-button-highlight { @keyframes floating-button-highlight {
from { from {
opacity: .25; background: var(--floating-button-background);
color: var(--floating-button-color);
} to { } to {
opacity: 1; background: var(--floating-button-hover-background);
color: var(--floating-button-hover-color);
} }
} }
.floating-buttons .bx-tada { .floating-buttons .bx-tada {
animation: floating-button-highlight 300ms linear alternate-reverse infinite; /* The class is applied for 1700ms */
animation: floating-button-highlight 425ms ease-in-out alternate infinite;
} }
.floating-buttons .bx-tada::before { .floating-buttons .bx-tada::before {