MD Settings: restore super important about page functionality

chrome/browser/resources/settings/about_page/about_page.js

Index: chrome/browser/resources/settings/about_page/about_page.js
diff --git a/chrome/browser/resources/settings/about_page/about_page.js b/chrome/browser/resources/settings/about_page/about_page.js
index cdf419a16127abacf240781862a792db44cce77d..69fda24b8c4b39d0f37d2d7682ad284d415caee7 100644
--- a/chrome/browser/resources/settings/about_page/about_page.js
+++ b/chrome/browser/resources/settings/about_page/about_page.js
@@ -279,6 +279,15 @@ Polymer({
   },
 </if>
 
+  /** @private */
+  onProductLogoTap_: function() {
+    var logo = this.$['product-logo'];
+    logo.classList.remove('spin');
+    // Force a style recalc that cancels the animation specified by "spin".
+    getComputedStyle(logo).getPropertyValue('animation-name');
+    logo.classList.add('spin');

[alancutter (OOO until 2018), 2016/09/08 01:58:47]

If this doesn't get run on iOS you could write this as:
logo.animate({transform: ['none', 'rotate(-10turn)']}, {
  duration: 500,
  easing: 'cubic-bezier(1, 0, 0, 1)',
});

I don't think the fill forwards is necessary since the end state looks identical
to the non-animated state.

[Dan Beam, 2016/09/08 17:41:24]

Okie dokie: https://codereview.chromium.org/2321913003

+  },
+
 <if expr="_google_chrome">
   /** @private */
   onReportIssueTap_: function() {