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

Unified Diff: chrome/browser/resources/chromeos/login/oobe_dialog.html

Issue 2267533002: ChromeOS: Update styles of material design OOBE. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 4 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 side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698