Upstream version 9.38.198.0

[platform/framework/web/crosswalk.git] / src / third_party / WebKit / Source / devtools / front_end / timelinePanel.css

diff --git a/src/third_party/WebKit/Source/devtools/front_end/timelinePanel.css b/src/third_party/WebKit/Source/devtools/front_end/timelinePanel.css
index d4270be..1161192 100644 (file)
--- a/src/third_party/WebKit/Source/devtools/front_end/timelinePanel.css
+++ b/src/third_party/WebKit/Source/devtools/front_end/timelinePanel.css
@@ -37,16 +37,6 @@
     pointer-events: none;
 }
 
-#timeline-overview-panel .split-view-sidebar > label {
-    margin: 6px 0 3px 5px;
-    height: auto;
-    display: flex;
-}
-
-#timeline-overview-panel .split-view-sidebar > label > input {
-    margin-right: 6px;
-}
-
 .timeline-records-title, .timeline-records-list {
     background-color: rgb(236, 236, 236);
 }
@@ -92,10 +82,6 @@
     overflow-x: hidden;
 }
 
-.timeline-records-view {
-    overflow: hidden !important;
-}
-
 .timeline-details-split {
     flex: auto;
 }
@@ -282,7 +268,7 @@
 }
 
 #timeline-overview-pane {
-    flex: none;
+    flex: auto;
     position: relative;
     overflow: hidden;
 }
@@ -349,11 +335,6 @@
     border: 1px solid;
 }
 
-.timeline-graph-bar.with-children {
-    opacity: 0.25;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-}
-
 .timeline-graph-bar.cpu {
     opacity: 0.7;
 }
@@ -374,10 +355,6 @@
     border: solid 1px;
 }
 
-.popover .timeline-aggregated-category.timeline-loading {
-    margin-left: 0;
-}
-
 .popover ul {
     margin: 0;
     padding: 0;
@@ -409,24 +386,6 @@
     top: 112px;
 }
 
-.resources-graph-side {
-    position: relative;
-    height: 36px;
-    padding: 0 5px;
-    white-space: nowrap;
-    margin-top: 1px;
-    border-top: 1px solid transparent;
-    overflow: hidden;
-}
-
-.resources-graph-bar-area {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 8px;
-    left: 9px;
-}
-
 .memory-graph-label {
     position: absolute;
     left: 5px;
@@ -476,10 +435,6 @@
     opacity: 0.5;
 }
 
-.memory-counter-sidebar-info.bottom-border-visible {
-    border-bottom: 1px solid #AAA;
-}
-
 .memory-counter-sidebar-info .title {
     margin: 4px;
 }
@@ -498,27 +453,40 @@
 
 .timeline .resources-event-divider {
     height: 19px;
-    width: 8px;
-    border-left-width: 2px;
-    border-left-style: solid;
-    bottom: auto;
+    width: 6px;
     pointer-events: auto;
+    margin-left: -2px;
 }
 
-.resources-red-divider {
-    border-color: rgba(255, 0, 0, 0.5);
+.timeline .resources-event-divider::before {
+    height: 19px;
+    width: 2px;
+    margin: 0 2px;
+    background-color: rgb(163, 109, 0);
+    bottom: auto;
+    content: "";
+    display: block;
+}
+
+.timeline .resources-event-divider:hover::before {
+    width: 4px;
+    margin: 0 1px;
+}
+
+.timeline .resources-event-divider.resources-red-divider::before {
+    background-color: rgb(255, 0, 0);
 }
 
-.resources-blue-divider {
-    border-color: rgba(0, 0, 255, 0.5);
+.timeline .resources-event-divider.resources-blue-divider::before {
+    background-color: rgb(0, 0, 255);
 }
 
-.resources-orange-divider {
-    border-color: rgba(255, 178, 23, 0.5);
+.timeline .resources-event-divider.resources-orange-divider::before {
+    background-color: rgb(255, 178, 23);
 }
 
-.resources-green-divider {
-    border-color: rgba(0, 130, 0, 0.5);
+.timeline .resources-event-divider.resources-green-divider::before {
+    background-color: rgb(0, 130, 0);
 }
 
 .resources-divider:last-child {
@@ -627,10 +595,6 @@
     padding: 0;
 }
 
-.memory-category-value {
-    float: right;
-}
-
 .timeline-filters-header {
     flex: 0 0 23px;
     overflow: hidden;
@@ -664,19 +628,6 @@
     overflow: hidden;
 }
 
-.timeline-details-view-title {
-    padding: 2px 5px;
-    flex: 0 0 19px;
-    border-bottom: 1px solid rgb(202, 202, 202);
-    background-color: rgb(236, 236, 236);
-    white-space: nowrap;
-    display: flex;
-    color: rgb(92, 110, 129);
-    text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
 .timeline-details-view-body {
     padding-top: 2px;
     flex: auto;
@@ -741,14 +692,6 @@
     color: #333 !important;
 }
 
-.timeline-memory-split {
-    flex: auto;
-}
-
-.timeline-memory-split > .split-view-contents-first {
-    overflow: hidden;
-}
-
 .timeline-aggregated-info {
     flex: none;
     position: relative;
@@ -794,7 +737,20 @@
     align-items: center;
 }
 
-.revealable-link {
-    text-decoration: underline;
-    cursor: pointer;
+.timeline-paint-profiler-view .outline-disclosure li {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding: 1 1 1 14px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.paint-profiler-image-view {
+    overflow: hidden;
+}
+
+.paint-profiler-image-view img {
+    border: solid 1px black;
+    -webkit-transform-origin: 0px 0px;
 }