Scaffold for MD-Settings.

chrome/browser/resources/settings/settings_ui/settings_ui.html

Index: chrome/browser/resources/settings/settings_ui/settings_ui.html
diff --git a/chrome/browser/resources/settings/settings_ui/settings_ui.html b/chrome/browser/resources/settings/settings_ui/settings_ui.html
new file mode 100644
index 0000000000000000000000000000000000000000..ed332bbc16b7943adad24de995d3661ebe7a0218
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_ui/settings_ui.html
@@ -0,0 +1,18 @@
+<link rel="import" href="chrome://resources/polymer/core-drawer-panel/core-drawer-panel.html">
+<link rel="import" href="chrome://md-settings/settings_drawer/settings_drawer.html">
+<link rel="import" href="chrome://md-settings/settings_main/settings_main.html">
+
+<polymer-element name="cr-settings-ui">
+  <template>
+    <link rel="stylesheet" href="settings_ui.css">
+    <core-drawer-panel drawerWidth="280px">

[Jeremy Klein, 2015/03/12 06:46:36]

Just curious: How does the responsive design look with a really small window? Is
there a way to open and close the drawer easily?

[Oren Blasberg, 2015/03/12 18:58:17]

Could the drawerWidth=280 be styled via css? Could we put it in the
settings_ui.css by piercing the cr-settings-ui's shadow dom with ::shadow and
grabbing the core-drawer-panel on it.
(again, if this is a Q that was already answered, I am sorry)

[michaelpg, 2015/03/13 00:47:01]

It's kind of silly and may not be the best approach, but I don't want to play
around with the specifics until the UI is approved. I added a core-icon-button
to open the drawer when the window is small (clicking outside the drawer closes
it).

[michaelpg, 2015/03/13 00:47:01]

Not that I can tell, it seems to be an attribute that the JS of
core-drawer-panel uses.

[Jeremy Klein, 2015/03/13 00:49:31]

Yeah, that's fine with me. 

+      <cr-settings-drawer drawer id="drawer" pages="{{pages}}"
+          selectedId="{{selectedPageId}}">
+      </cr-settings-drawer>
+      <cr-settings-main main pages="{{pages}}" prefs="{{prefs}}"
+          selectedPageId="{{selectedPageId}}">
+      </cr-settings-main>
+    </core-drawer-panel>
+  </template>
+  <script src="settings_ui.js"></script>
+</polymer-element>