| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> | 1 <!-- Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 <link rel="import" href="chrome://resources/polymer/polymer/layout.html"> | 2 Use of this source code is governed by a BSD-style license that can be |
| 3 found in the LICENSE file. --> |
| 4 |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
s/iron-flex-layout.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
| 3 | 7 |
| 4 <!-- | 8 <!-- |
| 5 Blue header for New Gaia UI, contains blue avatar logo and user email. | 9 Blue header for New Gaia UI, contains blue avatar logo and user email. |
| 6 | 10 |
| 7 Example: | 11 Example: |
| 8 <gaia-header id="passwordHeader"> | 12 <gaia-header email="user@example.com"> |
| 9 </gaia-header> | 13 </gaia-header> |
| 10 | 14 |
| 11 Attributes: | 15 Attributes: |
| 12 'email' - displayed email. | 16 'email' - displayed email. |
| 13 --> | 17 --> |
| 14 <polymer-element name="gaia-header" flex vertical layout noscript | 18 <dom-module name="gaia-header"> |
| 15 attributes="email"> | 19 <link rel="stylesheet" href="gaia_header.css"> |
| 20 |
| 16 <template> | 21 <template> |
| 17 <div flex vertical justified layout start> | 22 <img src="chrome://theme/IDR_LOGO_AVATAR_CIRCLE_BLUE_COLOR" alt |
| 18 <img self-start src="chrome://theme/IDR_LOGO_AVATAR_CIRCLE_BLUE_COLOR" | 23 class="self-start"> |
| 19 alt> | 24 <div id="email"><span>[[email]]<span></div> |
| 20 <p class="email">{{email}}</p> | |
| 21 </div> | |
| 22 </template> | 25 </template> |
| 23 </polymer-element> | 26 </dom-module> |
| 27 |
| OLD | NEW |