Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-23 20:56:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next)/toolbar: animate the sync status icon

Browse Source
This commit is contained in:
Adorian Doran 2025-03-04 11:55:37 +02:00
parent b03c75c09b
commit ce2961ebd6
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -201,6 +201,22 @@ body.layout-horizontal > .horizontal {
top: 3px; top: 3px;
} }
@keyframes sync-icon-animation {
from {
transform: rotate(360deg);
} to {
transform: rotate(0deg);
}
}
/* Sync in progres / unknown sync status icon */
#launcher-pane .sync-status-icon.sync-status-in-progress::before,
#launcher-pane .sync-status-icon.sync-status-unknown::before {
display: block;
content: "\ec37";
animation: sync-icon-animation 2s linear infinite;
}
#launcher-pane .sync-status-icon:not(.sync-status-in-progress):hover { #launcher-pane .sync-status-icon:not(.sync-status-in-progress):hover {
background: unset; background: unset;
} }