couchdb-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From benk...@apache.org
Subject fauxton commit: updated refs/heads/master to 33620b0
Date Fri, 29 May 2015 21:51:18 GMT
Repository: couchdb-fauxton
Updated Branches:
  refs/heads/master 2215acad7 -> 33620b0d8


Loading lines now animate on FF


Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo
Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/33620b0d
Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/33620b0d
Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/33620b0d

Branch: refs/heads/master
Commit: 33620b0d8a00ecfe03b94cf99d51d2813a06838d
Parents: 2215aca
Author: Ben Keen <ben.keen@gmail.com>
Authored: Fri May 29 13:14:53 2015 -0700
Committer: Ben Keen <ben.keen@gmail.com>
Committed: Fri May 29 14:18:01 2015 -0700

----------------------------------------------------------------------
 .../components/assets/less/loading-lines.less   | 51 +++++++++-----------
 1 file changed, 23 insertions(+), 28 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/33620b0d/app/addons/components/assets/less/loading-lines.less
----------------------------------------------------------------------
diff --git a/app/addons/components/assets/less/loading-lines.less b/app/addons/components/assets/less/loading-lines.less
index d9e4267..8d6505b 100644
--- a/app/addons/components/assets/less/loading-lines.less
+++ b/app/addons/components/assets/less/loading-lines.less
@@ -13,51 +13,46 @@
   width: 80px;
   margin-left: auto;
   margin-right: auto;
-}
-
-#line1 {
-  background-color: @loadingLinesColor;
-  width: @loadingLinesWidth;
-  -webkit-animation: height-change @loadingLinesTime infinite @loadingLinesEffect;
-   float: left;
-  height: 1px;
+  div {
+    background-color: @loadingLinesColor;
+    width: @loadingLinesWidth;
+    height: 1px;
+    float: left;
+    animation: height-change @loadingLinesTime infinite @loadingLinesEffect;
+    -webkit-animation: height-change @loadingLinesTime infinite @loadingLinesEffect;
+  }
 }
 
 #line2 {
-  background-color: @loadingLinesColor;
-  width: @loadingLinesWidth;
-  -webkit-animation: height-change @loadingLinesTime infinite @loadingLinesEffect;
+  animation-delay: 0.1s;
   -webkit-animation-delay: 0.1s;
-  float:left;
   margin-left: @loadingLinesMargin;
-  height: 1px;
-
 }
-
 #line3 {
-  background-color: @loadingLinesColor;
-  width: @loadingLinesWidth;
-  -webkit-animation: height-change @loadingLinesTime infinite @loadingLinesEffect;
+  animation-delay: 0.2s;
   -webkit-animation-delay: 0.2s;
-  float:left;
   margin-left: @loadingLinesMargin;
-  height: 1px;
-
 }
-
 #line4 {
-  background-color: @loadingLinesColor;
-  width: @loadingLinesWidth;
-  -webkit-animation: height-change @loadingLinesTime infinite @loadingLinesEffect;
+  animation-delay: 0.3s;
   -webkit-animation-delay: 0.3s;
-  float: left;
   margin-left: @loadingLinesMargin;
-  height:1px;
 }
 
 @-webkit-keyframes height-change {
   0% {
-    height:1px;
+    height: 1px;
+  }
+  50% {
+    height: @loadingLinesHeight;
+  }
+  100% {
+    height: 1px;
+  }
+}
+@keyframes height-change {
+  0% {
+    height: 1px;
   }
   50% {
     height: @loadingLinesHeight;


Mime
View raw message