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> |