Index: chrome_linux/resources/inspector/splitView.css |
=================================================================== |
--- chrome_linux/resources/inspector/splitView.css (revision 237140) |
+++ chrome_linux/resources/inspector/splitView.css (working copy) |
@@ -27,84 +27,40 @@ |
*/ |
.split-view { |
- position: absolute; |
- top: 0; |
- bottom: 0; |
- left: 0; |
- right: 0; |
overflow: hidden; |
} |
.split-view-contents { |
- position: absolute; |
overflow: auto; |
cursor: default; |
+ position: relative; |
} |
-.split-view-contents.maximized { |
- width: 100%; |
- height: 100%; |
+.split-view-sidebar { |
+ flex: none; |
} |
-.split-view-vertical > .split-view-contents { |
- top: 0; |
- bottom: 0; |
+.split-view-main, .split-view-sidebar.maximized { |
+ flex: auto; |
} |
-.split-view-vertical > .split-view-contents-first { |
- left: 0; |
-} |
- |
-.split-view-vertical > .split-view-contents-first.maximized { |
- right: 0; |
-} |
- |
-.split-view-vertical > .split-view-contents-second { |
- right: 0; |
-} |
- |
-.split-view-vertical > .split-view-contents-second.maximized { |
- left: 0; |
-} |
- |
-.split-view-horizontal > .split-view-contents { |
- left: 0; |
- right: 0; |
-} |
- |
-.split-view-horizontal > .split-view-contents-first { |
- top: 0; |
-} |
- |
-.split-view-horizontal > .split-view-contents-first.maximized { |
- bottom: 0; |
-} |
- |
-.split-view-horizontal > .split-view-contents-second { |
- bottom: 0; |
-} |
- |
-.split-view-horizontal > .split-view-contents-second.maximized { |
- top: 0; |
-} |
- |
-.split-view-vertical > .split-view-sidebar.split-view-contents-first:not(.maximized) { |
+.split-view.hbox > .split-view-sidebar.split-view-contents-first:not(.maximized) { |
border-right: 1px solid rgb(64%, 64%, 64%); |
} |
-.split-view-vertical > .split-view-sidebar.split-view-contents-second:not(.maximized) { |
+.split-view.hbox > .split-view-sidebar.split-view-contents-second:not(.maximized) { |
border-left: 1px solid rgb(64%, 64%, 64%); |
} |
-.split-view-horizontal > .split-view-sidebar.split-view-contents-first:not(.maximized) { |
+.split-view.vbox > .split-view-sidebar.split-view-contents-first:not(.maximized) { |
border-bottom: 1px solid rgb(64%, 64%, 64%); |
} |
-.split-view-horizontal > .split-view-sidebar.split-view-contents-second:not(.maximized) { |
+.split-view.vbox > .split-view-sidebar.split-view-contents-second:not(.maximized) { |
border-top: 1px solid rgb(64%, 64%, 64%); |
} |
-.split-view-vertical > .split-view-resizer { |
+.split-view.hbox > .split-view-resizer { |
position: absolute; |
top: 0; |
bottom: 0; |
@@ -113,7 +69,7 @@ |
cursor: ew-resize; |
} |
-.split-view-horizontal > .split-view-resizer { |
+.split-view.vbox > .split-view-resizer { |
position: absolute; |
left: 0; |
right: 0; |