MD Downloads: replace <paper-icon-button> with <inky-text-button>

chrome/browser/resources/md_downloads/crisper.js

Index: chrome/browser/resources/md_downloads/crisper.js
diff --git a/chrome/browser/resources/md_downloads/crisper.js b/chrome/browser/resources/md_downloads/crisper.js
index e3a387f45fafe32692e9c2b8f0365ced4f683bdd..7c3abc3aec25e4508745d7d0cf3488fee1ce7c99 100644
--- a/chrome/browser/resources/md_downloads/crisper.js
+++ b/chrome/browser/resources/md_downloads/crisper.js
@@ -12673,9 +12673,26 @@ cr.define('downloads', function() {
     ],
 
     ready: function() {
+      this.listen(this.$.remove, 'down', 'activateRipple_');
+      this.listen(this.$.remove, 'up', 'deactivateRipple_');
+
       this.content = this.$.content;
     },
 
+    /**
+     * @param {!Event} e
+     * @private
+     */
+    activateRipple_: function(e) {
+      if (!this.removeRipple_) {
+        this.removeRipple_ = document.createElement('paper-ripple');
+        this.removeRipple_.setAttribute('center', '');
+        this.removeRipple_.classList.add('circle');
+        this.$.remove.appendChild(this.removeRipple_);
+      }
+      this.removeRipple_.downAction(e);
+    },
+
     /** @private */
     computeClass_: function() {
       var classes = [];
@@ -12823,6 +12840,14 @@ cr.define('downloads', function() {
       return '';
     },
 
+    /**
+     * @param {!Event} e
+     * @private
+     */
+    deactivateRipple_: function(e) {
+      this.removeRipple_.upAction(e);
+    },
+
     /** @private */
     isIndeterminate_: function() {
       return this.data.percent == -1;