DevTools: draw load/first paint marks as tall vertical delimiters

Source/devtools/front_end/timeline/TracingTimelineUIUtils.js

Index: Source/devtools/front_end/timeline/TracingTimelineUIUtils.js
diff --git a/Source/devtools/front_end/timeline/TracingTimelineUIUtils.js b/Source/devtools/front_end/timeline/TracingTimelineUIUtils.js
index 53f7af700db588ed72d7b5c59f8135410d5e85cb..9760f3692f6ff360878024fff16f12f3d4b3b7fe 100644
--- a/Source/devtools/front_end/timeline/TracingTimelineUIUtils.js
+++ b/Source/devtools/front_end/timeline/TracingTimelineUIUtils.js
@@ -341,6 +341,24 @@ WebInspector.TracingTimelineUIUtils.isMarkerEvent = function(event)
 
 /**
  * @param {!WebInspector.TracingModel.Event} event
+ * @return {boolean}
+ */
+WebInspector.TracingTimelineUIUtils.isTallMarkerEvent = function(event)
+{
+    var recordTypes = WebInspector.TracingTimelineModel.RecordType;
+    switch (event.name) {

[caseq, 2014/11/07 17:39:40]

return event.name !== recordTypes.TimeStamp for clarity?

[yurys, 2014/11/07 19:55:40]

Done.

+    case recordTypes.MarkFirstPaint:
+        return true;
+    case recordTypes.MarkDOMContent:
+    case recordTypes.MarkLoad:
+        return event.args["data"]["isMainFrame"];
+    default:
+        return false;
+    }
+}
+
+/**
+ * @param {!WebInspector.TracingModel.Event} event
  * @param {!WebInspector.Linkifier} linkifier
  * @return {?Node}
  */