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 26 matching lines...) Expand all Loading... |
37 with clases |footer|, |bottom-buttons|. | 37 with clases |footer|, |bottom-buttons|. |
38 | 38 |
39 For single-DPI image |oobe-icon| class should be used. To select between two | 39 For single-DPI image |oobe-icon| class should be used. To select between two |
40 images of different DPI, |oobe-icon-1x| and |oobe-icon-2x| should be used | 40 images of different DPI, |oobe-icon-1x| and |oobe-icon-2x| should be used |
41 instead. For example: | 41 instead. For example: |
42 | 42 |
43 <iron-icon icon="icon1" ... class="oobe-icon oobe-icon-1x"> | 43 <iron-icon icon="icon1" ... class="oobe-icon oobe-icon-1x"> |
44 <iron-icon icon-"icon2" ... class="oobe-icon oobe-icon-2x"> | 44 <iron-icon icon-"icon2" ... class="oobe-icon oobe-icon-2x"> |
45 | 45 |
46 |bottom-buttons| block is shown only if |has-buttons| attribute is set. | 46 |bottom-buttons| block is shown only if |has-buttons| attribute is set. |
| 47 |
| 48 Attributes: |
| 49 no-header - hides header |
| 50 no-footer-padding - disables footer padding. |
| 51 has-buttons - shows bottom buttons menu |
| 52 |
| 53 I.e. [no-header no-footer-padding] will make the footer occupy all the dialog |
| 54 space. |
47 --> | 55 --> |
48 <dom-module id="oobe-dialog"> | 56 <dom-module id="oobe-dialog"> |
49 <template> | 57 <template> |
50 <link rel="stylesheet" href="oobe_dialog_host.css"> | 58 <link rel="stylesheet" href="oobe_dialog_host.css"> |
51 <link rel="stylesheet" href="oobe_dialog.css"> | 59 <link rel="stylesheet" href="oobe_dialog.css"> |
52 <div id="header-container"> | 60 <div id="header-container" hidden="[[noHeader]]"> |
53 <div class="oobe-icon-div"> | 61 <div class="oobe-icon-div"> |
54 <content select=".oobe-icon"></content> | 62 <content select=".oobe-icon"></content> |
55 </div> | 63 </div> |
56 <div class="oobe-header layout vertical"> | 64 <div class="oobe-header layout vertical"> |
57 <content select=".header"></content> | 65 <content select=".header"></content> |
58 </div> | 66 </div> |
59 </div> | 67 </div> |
60 <div id="footer-container" noFooter$="[[noFooter]]" | 68 <div id="footer-container" noFooterPadding$="[[noFooterPadding]]" |
61 class="flex layout vertical"> | 69 class="flex layout vertical"> |
62 <content select=".footer"></content> | 70 <content select=".footer"></content> |
63 </div> | 71 </div> |
64 <template is="dom-if" if="[[hasButtons]]"> | 72 <template is="dom-if" if="[[hasButtons]]"> |
65 <div id="oobe-bottom" hideShadow$="[[hideShadow]]" | 73 <div id="oobe-bottom" hideShadow$="[[hideShadow]]" |
66 class="layout horizontal center"> | 74 class="layout horizontal center"> |
67 <content select=".bottom-buttons"></content> | 75 <content select=".bottom-buttons"></content> |
68 </div> | 76 </div> |
69 </template> | 77 </template> |
70 </template> | 78 </template> |
71 </dom-module> | 79 </dom-module> |
72 | 80 |
OLD | NEW |