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

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

Issue 2067153002: ChromeOS: Implement Network Selection screen of material design OOBE. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Reverted change to web_ui_browser_test.cc that was moved to another CL. Created 4 years, 5 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 <!-- Copyright 2016 The Chromium Authors. All rights reserved. 1 <!-- Copyright 2016 The Chromium Authors. All rights reserved.
2 Use of this source code is governed by a BSD-style license that can be 2 Use of this source code is governed by a BSD-style license that can be
3 found in the LICENSE file. --> 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"> 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-styles/color.html "> 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">
7 7
8 <!-- 8 <!--
9 Simple OOBE card which should be used for OOBE UI elements. 9 Simple OOBE card which should be used for OOBE UI elements.
10 It has blue header and grey footer. 10 It has blue header and grey footer.
11 11
12 Example: 12 Example:
13 <oobe-card> 13 <oobe-dialog>
14 <iron-icon ... class="oobe-icon">
14 <div class="header flex vertical layout end-justified start"> 15 <div class="header flex vertical layout end-justified start">
15 ... 16 ...
16 </div> 17 </div>
17 <oobe-input-form class="footer" ...> 18 <oobe-input-form class="footer" ...>
18 </oobe-input-form> 19 </oobe-input-form>
19 </oobe-card> 20 </oobe-dialog>
20 21
21 Add class |header| to all which you want to go inside blue header. Similar 22 Add class |header| to all which you want to go inside the header. Similar
22 with class |footer|. 23 with clases |footer| and |oobe-icon|.
23 --> 24 -->
24 <dom-module name="oobe-card"> 25 <dom-module name="oobe-dialog">
25 <link rel="stylesheet" href="oobe_card.css"> 26 <link rel="stylesheet" href="oobe_dialog.css">
26 <template> 27 <template>
27 <div class="oobe-header vertical layout relative"> 28 <div class="oobe-header vertical layout relative">
28 <div class="header-container flex vertical layout relative"> 29 <div class="header-container flex vertical layout relative">
30 <div class="oobe-icon-div">
31 <content select=".oobe-icon"></content>
32 </div>
29 <content select=".header"></content> 33 <content select=".header"></content>
30 </div> 34 </div>
31 </div> 35 </div>
32 <div class="oobe-footer flex vertical layout"> 36 <div class="oobe-footer flex vertical layout">
33 <div class="footer-container flex vertical layout"> 37 <div class="footer-container flex vertical layout">
34 <content select=".footer"></content> 38 <content select=".footer"></content>
35 </div> 39 </div>
36 <div id="bottom-overlay" class="overlay"></div> 40 <div id="bottom-overlay" class="overlay"></div>
37 </div> 41 </div>
38 <div id="full-overlay" class="overlay"></div> 42 <div id="full-overlay" class="overlay"></div>
39 </template> 43 </template>
40 </dom-module> 44 </dom-module>
41 45
OLDNEW
« no previous file with comments | « chrome/browser/resources/chromeos/login/oobe_dialog.css ('k') | chrome/browser/resources/chromeos/login/oobe_dialog.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698