Change "Live update" button animation

- Extend the total length of the animation to 2.3 seconds.
- Redefine the transitions in the animation to be completed
already at the 80% point (instead of the current 100%),
in order to create a period of no change between repetitions.

Bug: T176474
Change-Id: Ibea7c74a90be0394223d8fa85324bbf4cee16c4d

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
index 67664b5..3c8664c 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
@@ -19,7 +19,7 @@
                        border-radius: 100%;
                        transform-origin: 50% 50%;
                        opacity: 0;
-                       animation: ripple 1.2s ease-out infinite;
+                       animation: ripple 2.3s ease-out infinite;
                        animation-delay: 1s;
                }
        }
@@ -35,6 +35,7 @@
                .transform( scale( 1.5 ) );
                opacity: 0.8;
        }
+       80%,
        100% {
                opacity: 0;
                .transform( scale( 4 ) );