Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(42)

Side by Side Diff: chrome/browser/resources/chromeos/login/gaia_card.html

Issue 1179323005: Polymer upgraded to 1.0 in login flow. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@polymer_pre_migration
Patch Set: Fixed tests. Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 <link rel="import" href="chrome://resources/polymer/paper-progress/paper-progres s.html"> 3 found in the LICENSE file. -->
4 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/paper-progress/paper-pr ogress.html">
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">
8 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
9
5 <!-- 10 <!--
6 Simple Gaia card which should be used for local UI elements that look like 11 Simple Gaia card which should be used for local UI elements that look like
7 GAIA. It has blue header and grey footer. 12 GAIA. It has blue header and grey footer.
8 13
9 Example: 14 Example:
10 <gaia-card> 15 <gaia-card>
11 <div class="header" flex vertical layout end-justified start> 16 <div class="header" flex vertical layout end-justified start>
12 ... 17 ...
13 </div> 18 </div>
14 <gaia-input-form class="footer" ...> 19 <gaia-input-form class="footer" ...>
15 </gaia-input-form> 20 </gaia-input-form>
16 </gaia-card> 21 </gaia-card>
17 22
18 Add class |header| to all which you want to go inside blue header. Similar 23 Add class |header| to all which you want to go inside blue header. Similar
19 with class |footer|. 24 with class |footer|.
20 --> 25 -->
21 <polymer-element name="gaia-card" noscript vertical layout> 26 <dom-module name="gaia-card">
27 <link rel="stylesheet" href="gaia_card.css">
28
22 <template> 29 <template>
23 <link rel="stylesheet" href="gaia_card.css"> 30 <div class="gaia-header vertical layout relative">
24 <div class="gaia-header" vertical layout> 31 <div class="header-container flex vertical layout relative">
25 <div class="header-container" flex vertical layout>
26 <content select=".header"></content> 32 <content select=".header"></content>
27 </div> 33 </div>
34 <paper-progress id="progress-bar" indeterminate></paper-progress>
28 </div> 35 </div>
29 <paper-progress id="progress-bar" indeterminate></paper-progress> 36 <div class="gaia-footer flex vertical layout">
30 <div class="gaia-footer" flex vertical layout> 37 <div class="footer-container flex vertical layout">
31 <div class="footer-container" flex vertical layout>
32 <content select=".footer"></content> 38 <content select=".footer"></content>
33 </div> 39 </div>
34 <div id="bottom-overlay" class="overlay"> 40 <div id="bottom-overlay" class="overlay"></div>
35 </div>
36 </div> 41 </div>
37 <div id="full-overlay" class="overlay"> 42 <div id="full-overlay" class="overlay"></div>
38 </div>
39 </template> 43 </template>
40 </polymer-element> 44 </dom-module>
45
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698