Cleanup Tool WebUI: Add HTML content and styling with dummy JS

chrome/browser/resources/cleanup_tool/toolbar.html

Index: chrome/browser/resources/cleanup_tool/toolbar.html
diff --git a/chrome/browser/resources/cleanup_tool/toolbar.html b/chrome/browser/resources/cleanup_tool/toolbar.html
new file mode 100644
index 0000000000000000000000000000000000000000..750c2c0975bf46188191905565b009068c8859e4
--- /dev/null
+++ b/chrome/browser/resources/cleanup_tool/toolbar.html
@@ -0,0 +1,26 @@
+<link rel="import" href="chrome://resources/html/assert.html">
+<link rel="import" href="chrome://resources/html/cr.html">
+<link rel="import" href="chrome://resources/html/polymer.html">
+
+<dom-module id="cleanup-tool-toolbar">
+  <template>
+    <style>
+      :host {
+        align-items: center;
+        background: var(--md-toolbar-color);
+        color: white;
+        display: flex;
+        min-height: 56px;
+      }
+
+      #page-title {
+        font-size: 16px;

[Dan Beam, 2017/04/04 00:00:00]

can you use %, em, or rem instead of px for font-size?  this would allow the
page to respect the user's default font sizes from settings

[proberge, 2017/04/04 16:10:04]

Done.

+        overflow: hidden;
+        padding-left: 18px;

[Dan Beam, 2017/04/04 00:00:00]

-left doesn't work in RTL, can you use -webkit-padding-start?

[proberge, 2017/04/04 16:10:03]

Good catch, thanks!

+        white-space: nowrap;
+      }
+    </style>
+    <div id="page-title" i18n-content="title"></div>

[Dan Beam, 2017/04/04 00:00:00]

can you just use <div id="page-title">$i18n{title}</div> instead of
i18n-content?  this would allow you to remove the i18n_template.js

[proberge, 2017/04/04 16:10:06]

Done.

+  </template>
+  <script src="chrome://cleanup/toolbar.js"></script>
+</dom-module>