DevTools: remove ruler bar from the main flamechart

third_party/WebKit/Source/devtools/front_end/ui_lazy/TimelineGrid.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2009 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 79 matching lines @@
       offsets.push(time);
     }
 
     return {offsets: offsets, precision: Math.max(0, -Math.floor(Math.log(gridSliceTime * 1.01) / Math.LN10))};
   }
 
   /**
    * @param {!CanvasRenderingContext2D} context
    * @param {!UI.TimelineGrid.Calculator} calculator
    * @param {number} paddingTop
-   * @param {number} headerHeight
+   * @param {number=} headerHeight
    * @param {number=} freeZoneAtLeft
    */
   static drawCanvasGrid(context, calculator, paddingTop, headerHeight, freeZoneAtLeft) {
     context.save();
     var ratio = window.devicePixelRatio;
     context.scale(ratio, ratio);
     var width = context.canvas.width / window.devicePixelRatio;
     var height = context.canvas.height / window.devicePixelRatio;
     var dividersData = UI.TimelineGrid.calculateDividerOffsets(calculator);
     var dividerOffsets = dividersData.offsets;
     var precision = dividersData.precision;
 
-    context.fillStyle = UI.themeSupport.patchColor('rgba(255, 255, 255, 0.5)', UI.ThemeSupport.ColorUsage.Background);
-    context.fillRect(0, 0, width, headerHeight);
+    if (headerHeight) {
+      context.fillStyle = UI.themeSupport.patchColor('rgba(255, 255, 255, 0.5)', UI.ThemeSupport.ColorUsage.Background);
+      context.fillRect(0, 0, width, headerHeight);
+    }
 
     context.fillStyle = UI.themeSupport.patchColor('#333', UI.ThemeSupport.ColorUsage.Foreground);
     context.strokeStyle = UI.themeSupport.patchColor('rgba(0, 0, 0, 0.1)', UI.ThemeSupport.ColorUsage.Foreground);
     context.textBaseline = 'hanging';
     context.font = '11px ' + Host.fontFamily();
     context.lineWidth = 1;
 
     context.translate(0.5, 0.5);
     const paddingRight = 4;
     for (var i = 0; i < dividerOffsets.length; ++i) {
       var time = dividerOffsets[i];
       var position = calculator.computePosition(time);
+      context.moveTo(position, 0);
+      context.lineTo(position, height);
+      if (!headerHeight)
+        continue;
       var text = calculator.formatValue(time, precision);
       var textWidth = context.measureText(text).width;
       var textPosition = position - textWidth - paddingRight;
       if (!freeZoneAtLeft || freeZoneAtLeft < textPosition)
         context.fillText(text, textPosition, paddingTop);
-      context.moveTo(position, 0);
-      context.lineTo(position, height);
     }
     context.stroke();
     context.restore();
   }
 
   get dividersElement() {
     return this._dividersElement;
   }
 
   get dividersLabelBarElement() {
@@ skipping 138 matching lines @@
 
   /** @return {number} */
   zeroTime() {},
 
   /** @return {number} */
   maximumBoundary() {},
 
   /** @return {number} */
   boundarySpan() {}
 };