diff options
author | António Fernandes <antoniof@gnome.org> | 2022-09-01 15:21:29 +0100 |
---|---|---|
committer | António Fernandes <antoniof@gnome.org> | 2022-09-01 22:20:55 +0000 |
commit | 26e9da3ed6525ae5330e4028daa85c3c5245c336 (patch) | |
tree | fb6968884b17d1f45d3ca352e9579c0bf176f072 | |
parent | 9bcbe0c2f02086a531354de9931794ed17e4de20 (diff) | |
download | nautilus-26e9da3ed6525ae5330e4028daa85c3c5245c336.tar.gz |
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.
-rw-r--r-- | src/resources/css/Adwaita.css | 10 |
1 files 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 { |