Allow click events to pass through the toolbar padding.

elements/viewer-page-indicator/viewer-page-indicator.html

Index: elements/viewer-page-indicator/viewer-page-indicator.html
diff --git a/elements/viewer-page-indicator/viewer-page-indicator.html b/elements/viewer-page-indicator/viewer-page-indicator.html
index 80fb4045ed67f9da75abae4d3b372cda0ac94f87..fb247a2f0890f283f13db6c168653c40559c9427 100644
--- a/elements/viewer-page-indicator/viewer-page-indicator.html
+++ b/elements/viewer-page-indicator/viewer-page-indicator.html
@@ -9,26 +9,28 @@
     text: '1',
     timerId: undefined,
     ready: function() {
-      var scrollCallback = function() {
-        var percent = window.scrollY /
-            (document.body.scrollHeight -
-             document.documentElement.clientHeight);
-        this.style.top = percent *
-            (document.documentElement.clientHeight - this.offsetHeight) + 'px';
-        this.style.opacity = 1;
-        clearTimeout(this.timerId);
-
-        this.timerId = setTimeout(function() {
-          this.style.opacity = 0;
-          this.timerId = undefined;
-        }.bind(this), 2000);
-      }.bind(this);
+      var callback = this.fadeIn.bind(this, 2000);
       window.addEventListener('scroll', function() {
-        requestAnimationFrame(scrollCallback);
+        requestAnimationFrame(callback);
       });
-
-      scrollCallback();
     },
+    initialFadeIn: function() {
+      this.fadeIn(6000);
+    },
+    fadeIn: function(displayTime) {
+      var percent = window.scrollY /
+          (document.body.scrollHeight -
+           document.documentElement.clientHeight);
+      this.style.top = percent *
+          (document.documentElement.clientHeight - this.offsetHeight) + 'px';
+      this.style.opacity = 1;
+      clearTimeout(this.timerId);
+
+      this.timerId = setTimeout(function() {
+        this.style.opacity = 0;
+        this.timerId = undefined;
+      }.bind(this), displayTime);
+    }

[ganetsky1, 2014/02/20 20:22:29]

Where is the call to initialFadeIn?

[raymes, 2014/02/21 03:03:42]

It will be called from the owner of this element. The idea is that this element
might not be displayed as soon as it is loaded, for example in PDF you might
have a password screen show up first. 

   });
 </script>
 </polymer-element>