Roll reference builds to 35.0.1916.114.

chrome_linux64/resources/inspector/splitView.css

Index: chrome_linux64/resources/inspector/splitView.css
===================================================================
--- chrome_linux64/resources/inspector/splitView.css	(revision 273864)
+++ chrome_linux64/resources/inspector/splitView.css	(working copy)
@@ -27,13 +27,15 @@
  */
 
 .split-view {
+    display: flex;
     overflow: hidden;
 }
 
 .split-view-contents {
     overflow: auto;
-    cursor: default;
+    display: flex;
     position: relative;
+    flex-direction: column;
 }
 
 .split-view-sidebar {
@@ -44,55 +46,113 @@
     flex: auto;
 }
 
-.split-view.hbox > .split-view-sidebar.split-view-contents-first:not(.maximized) {
-    border-right: 1px solid rgb(64%, 64%, 64%);
+.split-view.hbox > .split-view-resizer {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 6px;
+    z-index: 500;
 }
 
-.split-view.hbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
-    border-left: 1px solid rgb(64%, 64%, 64%);
+.split-view.vbox > .split-view-resizer {
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: 6px;
+    z-index: 500;
 }
 
-.split-view.vbox > .split-view-sidebar.split-view-contents-first:not(.maximized) {
-    border-bottom: 1px solid rgb(64%, 64%, 64%);
+.split-view-resizer-border {
+    pointer-events: none;
 }
 
-.split-view.vbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
+.split-view.vbox > .split-view-resizer > .split-view-resizer-border {
+    width: 100%;
+    margin-top: 3px;
+    height: 1px;
     border-top: 1px solid rgb(64%, 64%, 64%);
 }
 
-.split-view.hbox > .split-view-resizer {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 5px;
-    z-index: 1500;
+.split-view.hbox > .split-view-resizer > .split-view-resizer-border {
+    height: 100%;
+    margin-left: 3px;
+    width: 1px;
+    border-left: 1px solid rgb(64%, 64%, 64%);
 }
 
-.split-view.vbox > .split-view-resizer {
+.split-view button.sidebar-show-hide-button {
     position: absolute;
-    left: 0;
-    right: 0;
-    height: 5px;
-    z-index: 1500;
+    background-image: none;
+    height: 16px;
+    width: 16px;
+    border: none;
+    z-index: 10;
 }
 
-.sidebar-overlay {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 12;
-    background-color: white;
-    border-right: 1px solid gray;
-    box-shadow: rgb(90,90,90) 20px 0 50px -25px;
-    display: -webkit-flex;
-    -webkit-flex-direction: column;
+.split-view button.left-sidebar-show-hide-button,
+.split-view button.top-sidebar-show-hide-button {
+    top: 4px;
+    left: 4px;
 }
 
-.sidebar-overlay-resizer {
-    position: absolute;
-    top: 0;
+.split-view button.left-sidebar-show-hide-button:active,
+.split-view button.top-sidebar-show-hide-button:active {
+    top: 5px;
+    left: 3px;
+}
+
+.split-view button.right-sidebar-show-hide-button {
+    top: 4px;
+    right:2px;
+}
+
+.split-view button.right-sidebar-show-hide-button:active {
+    top: 5px;
+    right: 1px;
+}
+
+.split-view button.bottom-sidebar-show-hide-button {
+    bottom: 0px;
+    right: 1px;
+}
+
+.split-view button.bottom-sidebar-show-hide-button:active {
     bottom: 0;
-    width: 5px;
-    z-index: 500;
+    right: 0;
 }
+
+.split-view button.left-sidebar-show-hide-button.toggled-show > .glyph {
+    -webkit-mask-position: -168px -76px; /* |> */
+}
+
+.split-view button.left-sidebar-show-hide-button.toggled-hide > .glyph {
+    -webkit-mask-position: -199px -76px; /* |< */
+}
+
+.split-view button.right-sidebar-show-hide-button.toggled-show > .glyph {
+    -webkit-mask-position: -296px -76px; /* <| */
+}
+
+.split-view button.right-sidebar-show-hide-button.toggled-hide > .glyph {
+    -webkit-mask-position: -264px -76px; /* >| */
+}
+
+.split-view button.top-sidebar-show-hide-button.toggled-show > .glyph {
+    -webkit-mask-position: -168px -76px; /* |> */
+    -webkit-transform: rotate(90deg);
+}
+
+.split-view button.top-sidebar-show-hide-button.toggled-hide > .glyph {
+    -webkit-mask-position: -199px -76px; /* |< */
+    -webkit-transform: rotate(90deg);
+}
+
+.split-view button.bottom-sidebar-show-hide-button.toggled-show > .glyph {
+    -webkit-mask-position: -296px -76px; /* <| */
+    -webkit-transform: rotate(90deg);
+}
+
+.split-view button.bottom-sidebar-show-hide-button.toggled-hide > .glyph {
+    -webkit-mask-position: -264px -76px; /* >| */
+    -webkit-transform: rotate(90deg);
+}