X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.ui.LiveUpdateButtonWidget.less;h=3c8664cd5af5b8865fb6457eb07d2ce9942b5d18;hb=d5d8a6685e5f9edc14c3612a96907f74127e76c5;hp=63ea2648440789abaedecae82cca0bb63a7bbfb2;hpb=5d4099246e49ff3e2b369e329aaaf3286f883bcd;p=lhc%2Fweb%2Fwiklou.git

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 63ea264844..3c8664cd5a 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
@@ -1,10 +1,15 @@
+@import 'mediawiki.mixins';
+
 .mw-rcfilters-ui-liveUpdateButtonWidget {
+	margin-left: 1em;
+
 	&.oo-ui-toggleWidget-on {
 		position: relative;
 		overflow: hidden;
 		&:after {
 			content: '';
 			mix-blend-mode: screen;
+			pointer-events: none;
 			position: absolute;
 			width: 1.875em;
 			height: 1.875em;
@@ -14,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;
 		}
 	}
@@ -23,15 +28,16 @@
 @keyframes ripple {
 	0%,
 	35% {
-		transform: scale( 0 );
+		.transform( scale( 0 ) );
 		opacity: 1;
 	}
 	50% {
-		transform: scale( 1.5 );
+		.transform( scale( 1.5 ) );
 		opacity: 0.8;
 	}
+	80%,
 	100% {
 		opacity: 0;
-		transform: scale( 4 );
+		.transform( scale( 4 ) );
 	}
 }