josh/ytplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Paint saved playlists before the launch sync and swap a background-downloaded update instantly

Browse Source
This commit is contained in:
Jonathan Sykes
2026-09-22 13:27:12 +08:00
parent 691e204d61
commit 987697e759
7 changed files with 300 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/styles.css
View File

@@ -4116,3 +4116,22 @@ body.landscape-fs .player-stage { touch-action: none; } /* fullscreen (real or t
@media (hover: none) {
.stage-lyrics-bar { opacity: 1; }
}
/* --- "syncing" spinner beside the Playlists header -----------------------
Playlists paint from localStorage on the first frame; this says the
network pass (profile pull, shared-playlist inbox) is still running. */
.sync-spinner {
width: 12px; height: 12px;
/* .pl-header is space-between; auto margin keeps the spinner beside the
label instead of floating in the middle of the row. */
margin: 0 auto 0 8px;
flex: none;
border-radius: 50%;
border: 2px solid color-mix(in srgb, var(--accent) 35%, transparent);
border-top-color: var(--accent);
animation: sync-spin 0.7s linear infinite;
}
@keyframes sync-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
.sync-spinner { animation-duration: 2.4s; }
}