Chromium Code Reviews| Index: chrome/browser/resources/chromeos/login/oobe_dialog.html |
| diff --git a/chrome/browser/resources/chromeos/login/oobe_dialog.html b/chrome/browser/resources/chromeos/login/oobe_dialog.html |
| index 2c97fd83af688e5964d275cfaefef232a8c8e843..4e1f4612c0e789b1736b8c72ef3292b6b36e1d32 100644 |
| --- a/chrome/browser/resources/chromeos/login/oobe_dialog.html |
| +++ b/chrome/browser/resources/chromeos/login/oobe_dialog.html |
| @@ -6,23 +6,30 @@ |
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html"> |
| <!-- |
| - Simple OOBE card which should be used for OOBE UI elements. |
| - It has blue header and grey footer. |
| + Simple OOBE dialog which should be used for OOBE UI elements. |
| + It has corect size and padding. It can display top left icon, and has |
|
michaelpg
2016/08/23 18:40:29
"correct"
Alexander Alekseev
2016/08/25 00:21:47
Done.
|
| + three parts: header (which should have <h1>title</h1>), footer (content part), |
| + and optional buttons container at the bottom. |
| Example: |
| - <oobe-dialog> |
| + <link rel="stylesheet" href="oobe_dialog_parameters.css"> |
| + <oobe-dialog has-buttons> |
| <iron-icon ... class="oobe-icon"> |
| - <div class="header flex vertical layout end-justified start"> |
| + <div class="header"> |
| + <h1> class="title">Title</h1> |
| + <div class="subtitle">Subtitle</div> |
| + </div> |
| + <div class="footer"> |
| + ... |
| + </div> |
| + <div class="bottom-buttons"> |
| ... |
| </div> |
| - <oobe-input-form class="footer" ...> |
| - </oobe-input-form> |
| - <oobe-text-button class="footer" label="OK" ...> |
| - </oobe-text-button> |
| </oobe-dialog> |
| Add class |header| to all which you want to go inside the header. Similar |
| - with clases |footer| and |oobe-icon|. |
| + with clases |footer|, |bottom-buttons| and |oobe-icon|. |bottom-buttons| block |
| + is shown only if |has-buttons| attribute is set. |
| --> |
| <dom-module name="oobe-dialog"> |
| <template> |