[DevTools] Expose left and right toolbar in TabbedPane.

third_party/WebKit/Source/devtools/front_end/ui/toolbar.css

Index: third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
index b1b49cec71fc42f1f57e375d9b5b6cbb017c6458..0fb03c5e4649549c07158206e079a9176a1fe21b 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
@@ -489,6 +489,22 @@ input.toolbar-item.hover {
     -webkit-mask-position: 0 -120px;
 }
 
+.toolbar-state-left-show .sidebar-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -168px -76px;
+}
+
+.toolbar-state-left-hide .sidebar-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -199px -76px;
+}
+
+.toolbar-state-right-show .sidebar-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -288px -72px;
+}
+
+.toolbar-state-right-hide .sidebar-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -256px -72px;
+}
+
 .toolbar-state-on .record-toolbar-item.toolbar-glyph,
 .toolbar-state-active .filter-toolbar-item.toolbar-glyph,
 .toolbar-state-active .block-toolbar-item.toolbar-glyph {
@@ -505,4 +521,4 @@ span.toolbar-select-container.toolbar-item.warning {
     background: #ffd7d7;
     padding: 0 5px 0 0;
     margin-right: 1px;
-}
+}