From ab27ebfadf32c3b8810d9b65ae5cae266b475012 Mon Sep 17 00:00:00 2001 From: Rephl3x Date: Mon, 26 Jan 2026 14:21:18 +1300 Subject: [PATCH] Fix sync progress bar animation --- .build_number | 2 +- frontend/app/globals.css | 18 +++++++++++++----- 2 files changed, 14 insertions(+), 6 deletions(-) diff --git a/.build_number b/.build_number index ff9993b..4004d24 100644 --- a/.build_number +++ b/.build_number @@ -1 +1 @@ -2601261358 +261261420 diff --git a/frontend/app/globals.css b/frontend/app/globals.css index 24a2319..208c2cd 100644 --- a/frontend/app/globals.css +++ b/frontend/app/globals.css @@ -1326,6 +1326,17 @@ button span { .progress-indeterminate .progress-fill { position: absolute; + width: 100%; + left: 0; + top: 0; + background: linear-gradient( + 90deg, + rgba(255, 255, 255, 0), + var(--accent-2), + var(--accent-3), + rgba(255, 255, 255, 0) + ); + background-size: 200% 100%; animation: progress-indeterminate 1.6s ease-in-out infinite; } @@ -1509,13 +1520,10 @@ button span { @keyframes progress-indeterminate { 0% { - transform: translateX(-50%); - } - 50% { - transform: translateX(120%); + background-position: 200% 0; } 100% { - transform: translateX(-50%); + background-position: -200% 0; } }