MD History: Display synced tabs history.

chrome/browser/resources/md_history/side_bar.html

Index: chrome/browser/resources/md_history/side_bar.html
diff --git a/chrome/browser/resources/md_history/side_bar.html b/chrome/browser/resources/md_history/side_bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..b0a6c61829a91001fad8a948920bc4c2114f4a56
--- /dev/null
+++ b/chrome/browser/resources/md_history/side_bar.html
@@ -0,0 +1,48 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripple.html">
+
+<dom-module id="history-side-bar">
+  <template>
+    <style>
+      :host {
+        padding-top: 5px;
+        width: 200px;
+      }
+
+      paper-item {
+        -webkit-padding-start: 25px;
+        cursor: pointer;
+        font-size: 14px;
+        font-weight: 500;
+      }
+
+      paper-menu {
+        --paper-menu-focused-item-after: {
+          background: none;
+        };
+        --paper-menu-selected-item: {
+          color: #4285f4;

[Dan Beam, 2016/03/10 18:57:15]

for any rgb() or #hex I see: is there a --paper-* or --google-* var you can use
here instead?

[calamity, 2016/03/14 02:29:39]

Hmm. Some.

+          font-size: 14px;
+          font-weight: 500;
+        };
+        -webkit-user-select: none;
+        background-color: transparent;
+        color: #5a5a5a;
+      }
+    </style>
+    <paper-menu id="overflow-menu" selected="0" on-iron-select="onSelect_">
+      <paper-item id="history-button">
+        <div i18n-content="historyMenuItem"></div>
+        <paper-ripple></paper-ripple>
+      </paper-item>
+      <paper-item id="synced-tabs-button">
+        <div i18n-content="openTabsMenuItem"></div>
+        <paper-ripple></paper-ripple>
+      </paper-item>
+    </paper-menu>
+  </template>
+  <script src="chrome://history/side_bar.js"></script>
+</dom-module>