OLD | NEW |
1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> | 1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> |
2 <link rel="import" href="chrome://resources/polymer/polymer/layout.html"> | 2 <link rel="import" href="chrome://resources/polymer/polymer/layout.html"> |
3 | 3 |
4 <!-- | 4 <!-- |
5 Blue header for New Gaia UI, contains blue avatar logo and user email. | 5 Blue header for New Gaia UI, contains blue avatar logo and user email. |
6 | 6 |
7 Example: | 7 Example: |
8 <gaia-header id="passwordHeader"> | 8 <gaia-header id="passwordHeader"> |
9 </gaia-header> | 9 </gaia-header> |
10 | 10 |
11 Attributes: | 11 Attributes: |
12 'email' - displayed email. | 12 'email' - displayed email. |
13 --> | 13 --> |
14 <polymer-element name="gaia-header" flex vertical layout noscript | 14 <polymer-element name="gaia-header" flex vertical layout noscript |
15 attributes="email"> | 15 attributes="email"> |
16 <template> | 16 <template> |
17 <div flex vertical justified layout start> | 17 <div flex vertical justified layout start> |
18 <img self-start src="chrome://theme/IDR_LOGO_AVATAR_CIRCLE_BLUE_COLOR" | 18 <img self-start src="chrome://theme/IDR_LOGO_AVATAR_CIRCLE_BLUE_COLOR" |
19 alt> | 19 alt> |
20 <p id="email">{{email}}</p> | 20 <p class="email">{{email}}</p> |
21 </div> | 21 </div> |
22 </template> | 22 </template> |
23 </polymer-element> | 23 </polymer-element> |
OLD | NEW |