From patchwork Thu Sep 19 18:31:52 2013
Content-Type: text/plain; charset="utf-8"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Subject: [3,of,4] paper: add simple animation to the loading indicator
From: Alexander Plavin <alexander@plav.in>
X-Patchwork-Id: 2541
Message-Id: <35b8522d22eabecbbf2d.1379615512@debian-alexander.dolgopa>
To: mercurial-devel@selenic.com
Date: Thu, 19 Sep 2013 22:31:52 +0400

# HG changeset patch
# User Alexander Plavin <alexander@plav.in>
# Date 1378459858 -14400
#      Fri Sep 06 13:30:58 2013 +0400
# Node ID 35b8522d22eabecbbf2dce93f91442a67c6c3de8
# Parent  b8c8651efe951b7eeca002946352d2965e1b9b7d
paper: add simple animation to the loading indicator

diff -r b8c8651efe95 -r 35b8522d22ea mercurial/templates/static/style-paper.css
--- a/mercurial/templates/static/style-paper.css	Fri Sep 06 13:30:58 2013 +0400
+++ b/mercurial/templates/static/style-paper.css	Fri Sep 06 13:30:58 2013 +0400
@@ -383,6 +383,26 @@
     color: blue;
 }
 
+.scroll-loading {
+  -webkit-animation: change_color 1s linear 0s infinite alternate;
+  -moz-animation: change_color 1s linear 0s infinite alternate;
+  -o-animation: change_color 1s linear 0s infinite alternate;
+  animation: change_color 1s linear 0s infinite alternate;
+}
+
+@-webkit-keyframes change_color {
+  from { background-color: #A0CEFF; } to {  }
+}
+@-moz-keyframes change_color {
+  from { background-color: #A0CEFF; } to {  }
+}
+@-o-keyframes change_color {
+  from { background-color: #A0CEFF; } to {  }
+}
+@keyframes change_color {
+  from { background-color: #A0CEFF; } to {  }
+}
+
 .scroll-separator {
     border-bottom: 1px solid #444 !important;
 }