From: petarpetkovic <ppetkovic@wikimedia.org>
Date: Mon, 27 Nov 2017 19:59:03 +0000 (+0100)
Subject: Change "Live update" button animation
X-Git-Tag: 1.31.0-rc.0~1395^2
X-Git-Url: http://git.cyclocoop.org/%22%2C%20generer_url_ecrire%28?a=commitdiff_plain;h=d5d8a6685e5f9edc14c3612a96907f74127e76c5;p=lhc%2Fweb%2Fwiklou.git

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 67664b5779..3c8664cd5a 100644
--- 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 ) );