Draw marker events on Timeline flame chart

Source/devtools/front_end/flameChart.css

Index: Source/devtools/front_end/flameChart.css
diff --git a/Source/devtools/front_end/flameChart.css b/Source/devtools/front_end/flameChart.css
index 3155a3f792984473f5bc2314f58312a7950c75ed..7a6187589ccd9c8e498c2f977e189047f5de96ec 100644
--- a/Source/devtools/front_end/flameChart.css
+++ b/Source/devtools/front_end/flameChart.css
@@ -46,6 +46,16 @@
     font-weight: bold;
 }
 
+.flame-chart-marker-highlight-element {
+    position: absolute;
+    top: 0px;

[alph, 2014/07/21 14:21:07]

no need for px suffix.

[yurys, 2014/07/21 14:30:00]

Done.

+    height: 20px;

[alph, 2014/07/21 14:21:07]

i don't like the idea of hard coding height here.
may be bottom: 0

[yurys, 2014/07/21 14:30:00]

bottom: 0 wouldn't work as we draw it on top of a canvas.

+    width: 4px;
+    margin: 0 -2px;
+    content: "";
+    display: block;
+}
+
 .flame-chart-highlight-element {
     background-color: black;
     position: absolute;