MD Settings: restore super important about page functionality

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

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview 'settings-about-page' contains version and OS related
  * information.
  */
 Polymer({
   is: 'settings-about-page',
@@ skipping 261 matching lines @@
 
   /**
    * @return {boolean}
    * @private
    */
   shouldShowRegulatoryInfo_: function() {
     return this.regulatoryInfo_ !== null;
   },
 </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() {
     this.aboutBrowserProxy_.openFeedbackDialog();
   },
 </if>
 });