Index: chrome_linux/resources/inspector/timelinePanel.css |
=================================================================== |
--- chrome_linux/resources/inspector/timelinePanel.css (revision 237140) |
+++ chrome_linux/resources/inspector/timelinePanel.css (working copy) |
@@ -28,11 +28,9 @@ |
*/ |
#timeline-overview-panel { |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- height: 80px; |
+ flex: 0 0 81px; |
+ position: relative; |
+ border-bottom: 1px solid rgb(140, 140, 140); |
} |
#timeline-overview-panel .timeline-graph-bar { |
@@ -45,29 +43,12 @@ |
bottom: auto !important; |
} |
-.timeline.split-view-vertical .split-view-resizer { |
- top: 20px; |
-} |
- |
-#timeline-overview-separator { |
- position: absolute; |
- top: 80px; |
- left: 0; |
- right: 0; |
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 253, 253)), to(rgb(213, 213, 213))); |
- border-top: 1px solid rgb(140, 140, 140); |
- border-bottom: 1px solid rgb(115, 115, 115); |
- height: 10px; |
-} |
- |
#timeline-overview-sidebar { |
position: absolute; |
width: 200px; |
top: 0; |
bottom: 0; |
left: 0; |
- padding-top: 2px; |
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)), to(rgb(209, 209, 209))); |
border-right: 1px solid rgb(163, 163, 163); |
} |
@@ -100,14 +81,11 @@ |
} |
#timeline-container { |
- position: absolute; |
- top: 90px; |
- left: 0; |
- bottom: 0; |
- right: 0; |
border-right: 0 none transparent; |
overflow-y: scroll; |
overflow-x: hidden; |
+ position: relative; |
+ flex: auto; |
} |
#timeline-container .split-view-sidebar { |
@@ -119,66 +97,10 @@ |
color: inherit; |
} |
-.timeline-misc-status-bar-items { |
- right: 64px; |
+.status-bar-item.timeline-frame-statistics { |
+ pointer-events: none; |
} |
-.timeline-misc-status-bar-filters { |
- display: -webkit-flex; |
- -webkit-flex-orientation: row; |
-} |
- |
-.timeline-category-statusbar-item { |
- height: 24px; |
- line-height: 22px; |
- padding-left: 6px; |
- white-space: nowrap; |
- text-overflow: ellipsis; |
- text-shadow: white 0 1px 0; |
- overflow: hidden; |
- min-width: 20px; |
- -webkit-flex: auto 0 1; |
-} |
- |
-.timeline-category-statusbar-item, |
-.timeline-records-counter { |
- color: rgb(65, 65, 65); |
-} |
- |
-.timeline-category-checkbox { |
- width: 10px; |
- height: 10px; |
- margin: 0 3px 0 9px; |
- padding: 0; |
- border-radius: 2px; |
- border: solid 1px; |
- display: inline-block; |
- overflow: visible; |
- opacity: 0.8; |
- vertical-align: -1px; |
-} |
- |
- |
-.timeline-category-checkbox-check { |
- -webkit-appearance: none; |
- width: 11px; |
- height: 11px; |
- margin-top: -2px; |
- margin-left: 1px; |
-} |
- |
-.timeline-category-checkbox-checked { |
- background-image: url(Images/statusbarButtonGlyphs.png); |
- background-size: 320px 120px; |
- background-position: -129px -110px; |
-} |
- |
-@media (-webkit-min-device-pixel-ratio: 1.5) { |
-.timeline-category-checkbox-checked { |
- background-image: url(Images/statusbarButtonGlyphs2x.png); |
-} |
-} /* media */ |
- |
.timeline-tree-item { |
height: 18px; |
line-height: 15px; |
@@ -383,6 +305,12 @@ |
margin-left: 0; |
} |
+.popover ul { |
+ margin: 0; |
+ padding: 0; |
+ list-style-type: none; |
+} |
+ |
.garbage-collect-status-bar-item .glyph { |
-webkit-mask-position: -128px -24px; |
} |
@@ -399,23 +327,6 @@ |
background-color: rgb(66, 129, 235) !important; |
} |
-.timeline-records-stats, .storage-application-cache-status, .storage-application-cache-connectivity { |
- text-shadow: white 0 1px 0; |
-} |
- |
-.timeline-records-stats { |
- margin-top: 3px; |
- margin-left: 6px; |
- -webkit-flex: 1; |
-} |
- |
-.timeline-records-stats-container { |
- display: inline-block; |
- border-left: 1px solid rgb(202, 202, 202); |
- height: 24px; |
- margin-left: 6px; |
-} |
- |
.timeline-frames-stats { |
pointer-events: auto; |
text-decoration: underline; |
@@ -456,6 +367,8 @@ |
#timeline-overview-sidebar .sidebar-tree-item { |
line-height: 26px; |
height: 24px; |
+ margin-top: 0; |
+ border-top: none; |
} |
#timeline-overview-sidebar .sidebar-tree-item .titles.no-subtitle { |
@@ -521,6 +434,8 @@ |
#memory-graphs-container { |
border-top: 1px solid #AAA; |
+ position: relative; |
+ flex: 0 0 auto; |
} |
#memory-graphs-canvas-container { |
@@ -617,11 +532,6 @@ |
} |
#timeline-grid-header { |
- position: absolute; |
- left: 200px; |
- right: 0; |
- top: 90px; |
- bottom: 0; |
pointer-events: none; |
} |
@@ -687,3 +597,8 @@ |
from {background-color: rgba(255, 255, 120, 1); } |
to { background-color: rgba(255, 255, 120, 0); } |
} |
+ |
+.timeline-filters-header { |
+ flex: 0 0 23px; |
+ overflow: hidden; |
+} |