VolkerE has uploaded a new change for review. ( 
https://gerrit.wikimedia.org/r/368826 )

Change subject: RCFilters: Add vendor prefixes to loading animation
......................................................................

RCFilters: Add vendor prefixes to loading animation

Adding vendor prefixes to subtle loading animation and brush-up
CSS for better readability.

Bug: T165286
Change-Id: I6ce82cb2736e2a35cdd4dc3f2e20d2fb07ba4b26
---
M resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
1 file changed, 29 insertions(+), 6 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core 
refs/changes/26/368826/1

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less 
b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
index 0d12b81..22779da 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
@@ -1,3 +1,5 @@
+@import 'mediawiki.mixins.animation';
+
 // Corrections for the standard special page
 .client-js {
        .rcoptions {
@@ -80,9 +82,7 @@
                        height: 12px;
                        background-color: #c8ccd1;
                        border-radius: 100%;
-                       animation: rcfiltersBouncedelay 1.5s infinite 
ease-in-out;
-                       animation-fill-mode: both;
-                       animation-delay: -0.16s;
+                       .animation( rcfiltersBouncedelay 1.5s ease-in-out 
-0.16s infinite both );
                }
 
                &:before {
@@ -92,7 +92,6 @@
                &:after {
                        animation-delay: 0s;
                }
-
        }
 }
 
@@ -100,10 +99,34 @@
        font-weight: bold;
 }
 
+@-webkit-keyframes rcfiltersBouncedelay {
+       0%,
+       80%,
+       100% {
+               transform: scale( 0.7 );
+       }
+       40% {
+               transform: scale( 1 );
+               background-color: #a2a9b1;
+       }
+}
+
+@-moz-keyframes rcfiltersBouncedelay {
+       0%,
+       80%,
+       100% {
+               transform: scale( 0.7 );
+       }
+       40% {
+               transform: scale( 1 );
+               background-color: #a2a9b1;
+       }
+}
+
 @keyframes rcfiltersBouncedelay {
        0%,
-       100%,
-       80% {
+       80%,
+       100% {
                transform: scale( 0.7 );
        }
        40% {

-- 
To view, visit https://gerrit.wikimedia.org/r/368826
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I6ce82cb2736e2a35cdd4dc3f2e20d2fb07ba4b26
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/core
Gerrit-Branch: master
Gerrit-Owner: VolkerE <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to