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 |