MD Settings: About page, implement obsolete/end-of-the-line status.

chrome/browser/resources/settings/about_page/about_page.html

Index: chrome/browser/resources/settings/about_page/about_page.html
diff --git a/chrome/browser/resources/settings/about_page/about_page.html b/chrome/browser/resources/settings/about_page/about_page.html
index 3b65961fffc918944a073aa5dba9a7a49a4ff819..95598ccb855c5e3632587480808175c25e2c7aa2 100644
--- a/chrome/browser/resources/settings/about_page/about_page.html
+++ b/chrome/browser/resources/settings/about_page/about_page.html
@@ -23,7 +23,7 @@
 <dom-module id="settings-about-page">
   <template>
     <style include="settings-shared settings-page-styles">
-      span {
+      .product-title {
         font-size: 20px;
         margin-top: auto;
         margin-bottom: auto;
@@ -65,22 +65,28 @@
               <img id="product-logo"
                   srcset="chrome://theme/current-channel-logo@1x 1x,
                           chrome://theme/current-channel-logo@2x 2x" alt="">
-              <span>$i18n{aboutProductTitle}</span>
+              <span class="product-title">$i18n{aboutProductTitle}</span>
             </div>
             <div class="settings-box two-line">
-              <div hidden="[[!shouldShowUpdateStatus_(
-                  currentUpdateStatusEvent_)]]">
-                <iron-icon
-                    icon$="[[getIcon_(currentUpdateStatusEvent_)]]"
-                    src="[[getIconSrc_(currentUpdateStatusEvent_)]]">
-                </iron-icon>
-              </div>
+              <iron-icon hidden="[[!shouldShowUpdateStatusIcon_(
+                  currentUpdateStatusEvent_)]]"
+                  icon$="[[getIcon_(currentUpdateStatusEvent_)]]"
+                  src="[[getIconSrc_(currentUpdateStatusEvent_)]]">

[dschuyler, 2016/06/01 22:37:11]

nit:
The line wrapping may be technically ok.
I find it harder to parse than I'd like. :)
How about this wrapping:

              <iron-icon
                  hidden="[[!shouldShowUpdateStatusIcon_(
                      currentUpdateStatusEvent_)]]"
                  icon$="[[getIcon_(currentUpdateStatusEvent_)]]"
                  src="[[getIconSrc_(currentUpdateStatusEvent_)]]">

[dpapad, 2016/06/01 23:38:14]

Done.

+              </iron-icon>
               <div class="start">
-                <div hidden="[[!shouldShowUpdateStatus_(
-                    currentUpdateStatusEvent_)]]">
+                <div id="updateStatusMessage"
+                    hidden="[[!shouldShowUpdateStatusMessage_(
+                        currentUpdateStatusEvent_)]]">
                   [[getUpdateStatusMessage_(
-                      currentUpdateStatusEvent_, targetChannel_)]]
+                      currentUpdateStatusEvent_,targetChannel)]]
                 </div>
+                <span id="deprecationWarning"
+                    hidden="[[!obsoleteSystemInfo_.obsolete]]">
+                  $i18n{aboutObsoleteSystem}
+                  <a href="$i18n{aboutObsoleteSystemURL}" target="_blank">
+                    $i18n{learnMore}
+                  </a>
+                </span>
                 <div class="secondary">$i18n{aboutBrowserVersion}</div>
               </div>
               <paper-button id="relaunch" class="secondary-action"