pace update v0.4.16

acidtib · Jan 2, 2014 · 55314d0 · 55314d0
1 parent 5bd7bb7
commit 55314d0
Show file tree

Hide file tree

Showing 27 changed files with 36 additions and 48 deletions.
diff --git a/app/assets/javascripts/pace/pace.js b/app/assets/javascripts/pace/pace.js
@@ -55,10 +55,14 @@
     tick = function() {
       var diff;
       diff = now() - last;
-      last = now();
-      return fn(diff, function() {
-        return requestAnimationFrame(tick);
-      });
+      if (diff >= 33) {
+        last = now();
+        return fn(diff, function() {
+          return requestAnimationFrame(tick);
+        });
+      } else {
+        return setTimeout(tick, 33 - diff);
+      }
     };
     return tick();
   };

diff --git a/app/assets/stylesheets/.DS_Store b/app/assets/stylesheets/.DS_Store
diff --git a/app/assets/stylesheets/pace/pace-theme-barber-shop.css b/app/assets/stylesheets/pace/pace-theme-barber-shop.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -69,4 +68,4 @@
 @keyframes pace-stripe-animation {
   0% { transform: none; transform: none; }
   100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
-}
+}
diff --git a/app/assets/stylesheets/pace/pace-theme-big-counter.css b/app/assets/stylesheets/pace/pace-theme-big-counter.css
@@ -32,4 +32,4 @@
   line-height: 1;
   text-align: right;
   color: rgba(0, 0, 0, 0.19999999999999996);
-}
+}
diff --git a/app/assets/stylesheets/pace/pace-theme-bounce.css b/app/assets/stylesheets/pace/pace-theme-bounce.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   width: 140px;
   height: 300px;

diff --git a/app/assets/stylesheets/pace/pace-theme-center-circle.css b/app/assets/stylesheets/pace/pace-theme-center-circle.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -107,4 +106,4 @@
   to {
     transform: rotateY(360deg);
   }
-}
+}
diff --git a/app/assets/stylesheets/pace/pace-theme-center-radar.css b/app/assets/stylesheets/pace/pace-theme-center-radar.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -68,4 +67,4 @@
 
 @keyframes spin {
   100% {  transform: rotate(359deg); }
-}
+}
diff --git a/app/assets/stylesheets/pace/pace-theme-corner-indicator.css b/app/assets/stylesheets/pace/pace-theme-corner-indicator.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -67,4 +66,4 @@
 @keyframes pace-rotation {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(359deg); }
-}
+}
diff --git a/app/assets/stylesheets/pace/pace-theme-fill-left.css b/app/assets/stylesheets/pace/pace-theme-fill-left.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -19,4 +18,4 @@
   -moz-transition: width 1s;
   -o-transition: width 1s;
   transition: width 1s;
-}
+}
diff --git a/app/assets/stylesheets/pace/pace-theme-flash.css b/app/assets/stylesheets/pace/pace-theme-flash.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -78,4 +77,4 @@
 @keyframes pace-spinner {
   0% { transform: rotate(0deg); transform: rotate(0deg); }
   100% { transform: rotate(360deg); transform: rotate(360deg); }
-}
+}
diff --git a/app/assets/stylesheets/pace/pace-theme-flat-top.css b/app/assets/stylesheets/pace/pace-theme-flat-top.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;

diff --git a/app/assets/stylesheets/pace/pace-theme-loading-bar.css b/app/assets/stylesheets/pace/pace-theme-loading-bar.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;

diff --git a/app/assets/stylesheets/pace/pace-theme-mac-osx.css b/app/assets/stylesheets/pace/pace-theme-mac-osx.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -55,6 +54,7 @@
   -moz-background-size: 28px 100%;
   -o-background-size: 28px 100%;
   background-size: 28px 100%;
+
   -webkit-animation: pace-stripe-animation 500ms linear infinite;
   -moz-animation: pace-stripe-animation 500ms linear infinite;
   -ms-animation: pace-stripe-animation 500ms linear infinite;
@@ -81,4 +81,4 @@
 @keyframes pace-stripe-animation {
   0% { transform: none; transform: none; }
   100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
-}
+}
diff --git a/app/assets/stylesheets/pace/pace-theme-minimal.css b/app/assets/stylesheets/pace/pace-theme-minimal.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace .pace-progress {
   background: #29d;
   position: fixed;
@@ -15,4 +14,4 @@
 
 .pace-inactive {
   display: none;
-}
+}
diff --git a/vendor/assets/javascripts/pace/pace.js b/vendor/assets/javascripts/pace/pace.js
@@ -55,10 +55,14 @@
     tick = function() {
       var diff;
       diff = now() - last;
-      last = now();
-      return fn(diff, function() {
-        return requestAnimationFrame(tick);
-      });
+      if (diff >= 33) {
+        last = now();
+        return fn(diff, function() {
+          return requestAnimationFrame(tick);
+        });
+      } else {
+        return setTimeout(tick, 33 - diff);
+      }
     };
     return tick();
   };

diff --git a/vendor/assets/stylesheets/pace/pace-theme-barber-shop.css b/vendor/assets/stylesheets/pace/pace-theme-barber-shop.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -69,4 +68,4 @@
 @keyframes pace-stripe-animation {
   0% { transform: none; transform: none; }
   100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
-}
+}
diff --git a/vendor/assets/stylesheets/pace/pace-theme-big-counter.css b/vendor/assets/stylesheets/pace/pace-theme-big-counter.css
@@ -32,4 +32,4 @@
   line-height: 1;
   text-align: right;
   color: rgba(0, 0, 0, 0.19999999999999996);
-}
+}
diff --git a/vendor/assets/stylesheets/pace/pace-theme-bounce.css b/vendor/assets/stylesheets/pace/pace-theme-bounce.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   width: 140px;
   height: 300px;

diff --git a/vendor/assets/stylesheets/pace/pace-theme-center-circle.css b/vendor/assets/stylesheets/pace/pace-theme-center-circle.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -107,4 +106,4 @@
   to {
     transform: rotateY(360deg);
   }
-}
+}
diff --git a/vendor/assets/stylesheets/pace/pace-theme-center-radar.css b/vendor/assets/stylesheets/pace/pace-theme-center-radar.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -68,4 +67,4 @@
 
 @keyframes spin {
   100% {  transform: rotate(359deg); }
-}
+}
diff --git a/vendor/assets/stylesheets/pace/pace-theme-corner-indicator.css b/vendor/assets/stylesheets/pace/pace-theme-corner-indicator.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -67,4 +66,4 @@
 @keyframes pace-rotation {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(359deg); }
-}
+}
diff --git a/vendor/assets/stylesheets/pace/pace-theme-fill-left.css b/vendor/assets/stylesheets/pace/pace-theme-fill-left.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -19,4 +18,4 @@
   -moz-transition: width 1s;
   -o-transition: width 1s;
   transition: width 1s;
-}
+}
diff --git a/vendor/assets/stylesheets/pace/pace-theme-flash.css b/vendor/assets/stylesheets/pace/pace-theme-flash.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -78,4 +77,4 @@
 @keyframes pace-spinner {
   0% { transform: rotate(0deg); transform: rotate(0deg); }
   100% { transform: rotate(360deg); transform: rotate(360deg); }
-}
+}
diff --git a/vendor/assets/stylesheets/pace/pace-theme-flat-top.css b/vendor/assets/stylesheets/pace/pace-theme-flat-top.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;

diff --git a/vendor/assets/stylesheets/pace/pace-theme-loading-bar.css b/vendor/assets/stylesheets/pace/pace-theme-loading-bar.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;

diff --git a/vendor/assets/stylesheets/pace/pace-theme-mac-osx.css b/vendor/assets/stylesheets/pace/pace-theme-mac-osx.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
@@ -55,6 +54,7 @@
   -moz-background-size: 28px 100%;
   -o-background-size: 28px 100%;
   background-size: 28px 100%;
+
   -webkit-animation: pace-stripe-animation 500ms linear infinite;
   -moz-animation: pace-stripe-animation 500ms linear infinite;
   -ms-animation: pace-stripe-animation 500ms linear infinite;
@@ -81,4 +81,4 @@
 @keyframes pace-stripe-animation {
   0% { transform: none; transform: none; }
   100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
-}
+}
diff --git a/vendor/assets/stylesheets/pace/pace-theme-minimal.css b/vendor/assets/stylesheets/pace/pace-theme-minimal.css
@@ -1,4 +1,3 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace .pace-progress {
   background: #29d;
   position: fixed;
@@ -15,4 +14,4 @@
 
 .pace-inactive {
   display: none;
-}
+}