Merge to 2883 "[DevTools] Support top/bottom show sidebar button."

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 421a7fc518a1aa06c5a6dfb801d0a7f0b1bbb047..a0aa2efa7840d37ed1511f10e3c8683fd12b2651 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
@@ -505,6 +505,26 @@ input.toolbar-item.hover {
     -webkit-mask-position: -256px -72px;
 }
 
+.toolbar-state-top-show .sidebar-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -160px -72px;
+    transform: translate(4px, 0) rotate(90deg);
+}
+
+.toolbar-state-top-hide .sidebar-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -192px -72px;
+    transform: translate(4px, -1px) rotate(90deg);
+}
+
+.toolbar-state-bottom-show .sidebar-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -288px -72px;
+    transform: translate(4px, 0) rotate(90deg);
+}
+
+.toolbar-state-bottom-hide .sidebar-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -256px -72px;
+    transform: translate(4px, -1px) rotate(90deg);
+}
+
 .toolbar-state-on .record-toolbar-item.toolbar-glyph,
 .toolbar-state-active .filter-toolbar-item.toolbar-glyph,
 .toolbar-state-active .block-toolbar-item.toolbar-glyph {