[nautilus/wip/antoniof/gtk4-port-leftover-tasks: 24/26] progress-indicator: Fix attention-grabbing animation

[António Fernandes <antoniof src gnome org>]

commit 26e9da3ed6525ae5330e4028daa85c3c5245c336
Author: António Fernandes <antoniof gnome org>
Date:   Thu Sep 1 15:21:29 2022 +0100

    progress-indicator: Fix attention-grabbing animation
    
    Before the GTK 4 port, we had animation theatrics which showed an
    expanding "aura" for the newly revealed button, together with a
    glowing CSS animation.
    
    Under GTK4 there is currently no available copylib for implementing
    similar theatrics.
    
    So, use only the CSS animation, make it simpler, and use accent
    color to compensate for otherwise reduced attention-grabbing effect.

 src/resources/css/Adwaita.css | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)
---
diff --git a/src/resources/css/Adwaita.css b/src/resources/css/Adwaita.css
index 1d478ad54..88afd0a26 100644
--- a/src/resources/css/Adwaita.css
+++ b/src/resources/css/Adwaita.css
@@ -1,13 +1,9 @@
 /* Toolbar */
 
-/* Here we use the .button background-image colors from Adwaita, but ligthen them,
- * since is not possible to use lighten () in common css. */
 @keyframes needs_attention_keyframes {
-    0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%,  #e0e0e0); border-color: 
@borders; }
-    /* can't do animation-direction, so holding the color on two keyframes */
-    30% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); 
border-color: @window_fg_color; }
-    90% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); 
border-color: @window_fg_color; }
-    100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%,  #e0e0e0); border-color: 
@borders; }
+  0% { }
+  10% { background-color: @accent_bg_color; border-radius: 999999px; }
+  100% { }
 }
 
 .nautilus-operations-button-needs-attention {