summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAntónio Fernandes <antoniof@gnome.org>2022-09-01 15:21:29 +0100
committerAntónio Fernandes <antoniof@gnome.org>2022-09-01 22:20:55 +0000
commit26e9da3ed6525ae5330e4028daa85c3c5245c336 (patch)
treefb6968884b17d1f45d3ca352e9579c0bf176f072
parent9bcbe0c2f02086a531354de9931794ed17e4de20 (diff)
downloadnautilus-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.css10
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 {