[Devtools] Adjusted font size for new network timeline

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 80 matching lines @@
     }
 
     return {offsets: offsets, precision: Math.max(0, -Math.floor(Math.log(gridSliceTime * 1.01) / Math.LN10))};
   }
 
   /**
    * @param {!CanvasRenderingContext2D} context
    * @param {!WebInspector.TimelineGrid.Calculator} calculator
    * @param {number} paddingTop
    * @param {number=} freeZoneAtLeft
+   * @param {number=} freeZoneAtRight
+   * @param {string=} fontSize
    */
-  static drawCanvasGrid(context, calculator, paddingTop, freeZoneAtLeft) {
+  static drawCanvasGrid(context, calculator, paddingTop, freeZoneAtLeft, freeZoneAtRight, fontSize) {
     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 = WebInspector.TimelineGrid.calculateDividerOffsets(calculator);
     var dividerOffsets = dividersData.offsets;
     var precision = dividersData.precision;
 
     context.fillStyle = 'rgba(255, 255, 255, 0.5)';
     context.fillRect(0, 0, width, 15);
 
     context.fillStyle = '#333';
     context.strokeStyle = 'rgba(0, 0, 0, 0.1)';
     context.textBaseline = 'hanging';
-    context.font = '11px ' + WebInspector.fontFamily();
+    if (!fontSize)
+      fontSize = '11px';
+    context.font = fontSize + ' ' + WebInspector.fontFamily();
     context.lineWidth = 1;
 
     context.translate(0.5, 0.5);
     const paddingRight = 4;
     freeZoneAtLeft = freeZoneAtLeft || 0;
+    freeZoneAtRight = freeZoneAtRight || 0;
     for (var i = 0; i < dividerOffsets.length; ++i) {
       var time = dividerOffsets[i];
       var position = calculator.computePosition(time);
       var text = calculator.formatValue(time, precision);
       var textWidth = context.measureText(text).width;
       var textPosition = position - textWidth - paddingRight;
-      if (freeZoneAtLeft < textPosition)
+      if (freeZoneAtLeft < textPosition && width - freeZoneAtRight > textPosition + textWidth)
         context.fillText(text, textPosition, paddingTop);
       context.moveTo(position, 0);
       context.lineTo(position, height);
     }
     context.stroke();
     context.restore();
   }
 
   get dividersElement() {
     return this._dividersElement;
@@ skipping 141 matching lines @@
 
   /** @return {number} */
   zeroTime: function() {},
 
   /** @return {number} */
   maximumBoundary: function() {},
 
   /** @return {number} */
   boundarySpan: function() {}
 };