OLD | NEW |
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 dialog which should be used for OOBE UI elements. | 9 Simple OOBE dialog which should be used for OOBE UI elements. |
10 It has correct size and padding. It can display top left icon, and has | 10 It has correct size and padding. It can display top left icon, and has |
(...skipping 19 matching lines...) Expand all Loading... |
30 </div> | 30 </div> |
31 <div class="bottom-buttons"> | 31 <div class="bottom-buttons"> |
32 ... | 32 ... |
33 </div> | 33 </div> |
34 </oobe-dialog> | 34 </oobe-dialog> |
35 | 35 |
36 Add class |header| to all which you want to go inside the header. Similar | 36 Add class |header| to all which you want to go inside the header. Similar |
37 with clases |footer|, |bottom-buttons| and |oobe-icon|. |bottom-buttons| block | 37 with clases |footer|, |bottom-buttons| and |oobe-icon|. |bottom-buttons| block |
38 is shown only if |has-buttons| attribute is set. | 38 is shown only if |has-buttons| attribute is set. |
39 --> | 39 --> |
40 <dom-module name="oobe-dialog"> | 40 <dom-module id="oobe-dialog"> |
41 <template> | 41 <template> |
42 <link rel="stylesheet" href="oobe_dialog_host.css"> | 42 <link rel="stylesheet" href="oobe_dialog_host.css"> |
43 <link rel="stylesheet" href="oobe_dialog.css"> | 43 <link rel="stylesheet" href="oobe_dialog.css"> |
44 <div id="header-container"> | 44 <div id="header-container"> |
45 <div class="oobe-icon-div"> | 45 <div class="oobe-icon-div"> |
46 <content select=".oobe-icon"></content> | 46 <content select=".oobe-icon"></content> |
47 </div> | 47 </div> |
48 <div class="oobe-header layout vertical"> | 48 <div class="oobe-header layout vertical"> |
49 <content select=".header"></content> | 49 <content select=".header"></content> |
50 </div> | 50 </div> |
51 </div> | 51 </div> |
52 <div id="footer-container" class="flex layout vertical"> | 52 <div id="footer-container" class="flex layout vertical"> |
53 <content select=".footer"></content> | 53 <content select=".footer"></content> |
54 </div> | 54 </div> |
55 <template is="dom-if" if="[[hasButtons]]"> | 55 <template is="dom-if" if="[[hasButtons]]"> |
56 <div id="oobe-bottom" class="layout horizontal center"> | 56 <div id="oobe-bottom" class="layout horizontal center"> |
57 <content select=".bottom-buttons"></content> | 57 <content select=".bottom-buttons"></content> |
58 </div> | 58 </div> |
59 </template> | 59 </template> |
60 </template> | 60 </template> |
61 </dom-module> | 61 </dom-module> |
62 | 62 |
OLD | NEW |