| Index: chrome/browser/resources/pdf/elements/viewer-button/viewer-button.html | 
| diff --git a/chrome/browser/resources/pdf/elements/viewer-button/viewer-button.html b/chrome/browser/resources/pdf/elements/viewer-button/viewer-button.html | 
| new file mode 100644 | 
| index 0000000000000000000000000000000000000000..927df809dc26ec4c52039e5f3b10acfa83f5140d | 
| --- /dev/null | 
| +++ b/chrome/browser/resources/pdf/elements/viewer-button/viewer-button.html | 
| @@ -0,0 +1,31 @@ | 
| +<polymer-element name="viewer-button" attributes="src latchable"> | 
| +  <template> | 
| +    <link rel="stylesheet" href="viewer-button.css"> | 
| +    <div id="icon"></div> | 
| +  </template> | 
| +  <script> | 
| +    (function() { | 
| +    var dpi = ''; | 
| + | 
| +    Polymer('viewer-button', { | 
| +      src: '', | 
| +      latchable: false, | 
| +      ready: function() { | 
| +        if (this.src) { | 
| +          if (!dpi) { | 
| +            var mql = window.matchMedia('(-webkit-min-device-pixel-ratio: 1.3'); | 
| +            if (mql.matches) | 
| +              dpi = 'hi'; | 
| +            else | 
| +              dpi = 'low'; | 
| +          } | 
| +          this.$.icon.style.backgroundImage = | 
| +              'url(elements/viewer-button/img/' + dpi + 'DPI/' + this.src + ')'; | 
| +        } | 
| +        if (this.latchable) | 
| +          this.className += ' latchable'; | 
| +      }, | 
| +    }); | 
| +    })(); | 
| +  </script> | 
| +</polymer-element> | 
|  |