Modified: trunk/Source/WebInspectorUI/ChangeLog (186589 => 186590)
--- trunk/Source/WebInspectorUI/ChangeLog 2015-07-09 08:03:55 UTC (rev 186589)
+++ trunk/Source/WebInspectorUI/ChangeLog 2015-07-09 08:58:49 UTC (rev 186590)
@@ -1,5 +1,20 @@
2015-07-09 Matt Baker <mattba...@apple.com>
+ Web Inspector: Rendering Frame segment colors should match those used in original Timelines graph
+ https://bugs.webkit.org/show_bug.cgi?id=146777
+
+ Reviewed by Brian Burg.
+
+ * UserInterface/Views/TimelineRecordFrame.css:
+ (.timeline-record-frame > .frame > .duration):
+ (.timeline-record-frame > .frame > .duration:last-child):
+ (.timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-script):
+ (.timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-layout):
+ (.timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-paint):
+ Use same RGB values as TimelineRecordBar.
+
+2015-07-09 Matt Baker <mattba...@apple.com>
+
Web Inspector: New _javascript_/Probe breakpoint action disappears when clicking continue checkbox
https://bugs.webkit.org/show_bug.cgi?id=146688
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.css (186589 => 186590)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.css 2015-07-09 08:03:55 UTC (rev 186589)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.css 2015-07-09 08:58:49 UTC (rev 186590)
@@ -51,22 +51,27 @@
box-sizing: border-box;
min-height: 3px;
- background-color: rgb(221, 221, 221);
- border-bottom: solid 1px rgb(245, 245, 245);
+ background-color: rgb(231, 231, 231);
+ border-style: solid solid none solid;
+ border-width: 1px;
+ border-color: rgb(211, 211, 211);
}
.timeline-record-frame > .frame > .duration:last-child {
- border-bottom-style: none;
+ border-bottom-style: solid;
}
.timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-script {
- background-color: rgb(153, 113, 185);
+ background-color: rgb(190, 148, 233);
+ border-color: rgb(153, 113, 185);
}
.timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-layout {
- background-color: rgb(212, 108, 108);
+ background-color: rgb(234, 153, 153);
+ border-color: rgb(212, 108, 108);
}
.timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-paint {
- background-color: rgb(152, 188, 77);
+ background-color: rgb(176, 204, 105);
+ border-color: rgb(152, 188, 77);
}