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

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

commit d2557742dad350a2b0e4459979608c09212a473e
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 revelaed 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 {