| OLD | NEW | 
|---|
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 
|  | 2 <link rel="import" href="chrome://md-settings/settings_page/main_page_behavior.h
    tml"> | 
|  | 3 <link rel="import" href="chrome://md-settings/settings_page/settings_animated_pa
    ges.html"> | 
| 2 <link rel="import" href="chrome://md-settings/settings_page/settings_section.htm
    l"> | 4 <link rel="import" href="chrome://md-settings/settings_page/settings_section.htm
    l"> | 
| 3 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> | 5 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> | 
|  | 6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
    matable.html"> | 
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
    on.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
    on.html"> | 
| 5 | 8 | 
|  | 9 <if expr="chromeos"> | 
|  | 10 <link rel="import" href="chrome://md-settings/settings_page/settings_subpage.htm
    l"> | 
|  | 11 </if> | 
|  | 12 | 
| 6 <dom-module id="settings-about-page"> | 13 <dom-module id="settings-about-page"> | 
| 7   <link rel="import" type="css" href="chrome://md-settings/settings_page.css"> | 14   <link rel="import" type="css" href="chrome://md-settings/settings_page.css"> | 
| 8   <template> | 15   <template> | 
| 9     <style include="settings-shared"> | 16     <style include="settings-shared main-page-styles"> | 
| 10       span { | 17       span { | 
| 11         font-size: 20px; | 18         font-size: 20px; | 
| 12         margin-top: auto; | 19         margin-top: auto; | 
| 13         margin-bottom: auto; | 20         margin-bottom: auto; | 
| 14       } | 21       } | 
| 15 | 22 | 
| 16       img { | 23       img { | 
| 17         -webkit-margin-end: 10px; | 24         -webkit-margin-end: 10px; | 
| 18       } | 25       } | 
| 19     </style> | 26     </style> | 
| 20     <settings-section page-title="$i18n{aboutPageTitle}" | 27     <settings-section page-title="$i18n{aboutPageTitle}" | 
| 21         current-route="[[currentRoute]]"> | 28         current-route="[[currentRoute]]" section="about"> | 
| 22       <div class="settings-box"> | 29       <settings-animated-pages id="pages" current-route="{{currentRoute}}" | 
| 23         <img id="product-logo" | 30           section="about"> | 
| 24             srcset="chrome://theme/current-channel-logo@1x 1x, | 31         <neon-animatable id="main"> | 
| 25                     chrome://theme/current-channel-logo@2x 2x" alt=""> | 32           <div class="settings-box"> | 
| 26         <span>$i18n{aboutProductTitle}</span> | 33             <img id="product-logo" | 
| 27       </div> | 34                 srcset="chrome://theme/current-channel-logo@1x 1x, | 
| 28       <div class="settings-box two-line"> | 35                         chrome://theme/current-channel-logo@2x 2x" alt=""> | 
| 29         <!-- TODO(dpapad): Implement this. --> | 36             <span>$i18n{aboutProductTitle}</span> | 
| 30         <div class="start"> | 37           </div> | 
| 31           <div>Your device is up to date</div> | 38           <div class="settings-box two-line"> | 
| 32           <div class="secondary">Version Foo.bar.baz</div> | 39             <!-- TODO(dpapad): Implement this. --> | 
| 33         </div> | 40             <div class="start"> | 
| 34         <paper-button class="secondary-action">Check for update</paper-button> | 41               <div>Your device is up to date</div> | 
| 35       </div> | 42               <div class="secondary">Version Foo.bar.baz</div> | 
| 36       <div class="settings-box two-line"> | 43             </div> | 
| 37         <!-- TODO(dpapad): Implement this. --> | 44             <paper-button class="secondary-action">Check for update</paper-butto
    n> | 
| 38         <div class="start"> | 45           </div> | 
| 39           <div>Get help with Chrome</div> | 46           <div class="settings-box two-line"> | 
| 40           <div class="secondary">Open the Help Center</div> | 47             <!-- TODO(dpapad): Implement this. --> | 
| 41         </div> | 48             <div class="start"> | 
| 42       </div> | 49               <div>Get help with Chrome</div> | 
| 43       <div class="settings-box"> | 50               <div class="secondary">Open the Help Center</div> | 
| 44         <!-- TODO(dpapad): Implement this. --> | 51             </div> | 
| 45         Report an issue | 52           </div> | 
| 46       </div> | 53           <div class="settings-box"> | 
| 47       <div class="settings-box"> | 54             <!-- TODO(dpapad): Implement this. --> | 
| 48         <!-- TODO(dpapad): Implement this. --> | 55             Report an issue | 
| 49         Other info here | 56           </div> | 
| 50       </div> | 57 <if expr="chromeos"> | 
|  | 58           <div class="settings-box" on-tap="onDetailedBuildInfoTap_"> | 
|  | 59             <!-- TODO(dpapad): Localize string. --> | 
|  | 60             Detailed build info | 
|  | 61           </div> | 
|  | 62 </if> | 
|  | 63         </neon-animatable> | 
|  | 64 <if expr="chromeos"> | 
|  | 65         <template is="dom-if" name="detailed-build-info"> | 
|  | 66           <settings-subpage page-title="Detailed build information"> | 
|  | 67             <!-- TODO(dpapad): Implement this. --> | 
|  | 68             <div>Detailed build info goes here</div> | 
|  | 69           </settings-subpage> | 
|  | 70         </template> | 
|  | 71 </if> | 
|  | 72       </settings-animated-pages> | 
| 51     </settings-section> | 73     </settings-section> | 
| 52   </template> | 74   </template> | 
| 53   <script src="about_page.js"></script> | 75   <script src="about_page.js"></script> | 
| 54 </dom-module> | 76 </dom-module> | 
| OLD | NEW | 
|---|