[DevTools] Prepare to move Popover to shadow DOM.

third_party/WebKit/Source/devtools/front_end/network/RequestTimingView.js

 /*
  * Copyright (C) 2010 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 162 matching lines @@
     return result;
   }
 
   /**
    * @param {!SDK.NetworkRequest} request
    * @param {!Network.NetworkTimeCalculator} calculator
    * @return {!Element}
    */
   static createTimingTable(request, calculator) {
     var tableElement = createElementWithClass('table', 'network-timing-table');
+    UI.appendStyle(tableElement, 'network/networkTimingTable.css');
     var colgroup = tableElement.createChild('colgroup');
     colgroup.createChild('col', 'labels');
     colgroup.createChild('col', 'bars');
     colgroup.createChild('col', 'duration');
 
     var timeRanges = Network.RequestTimingView.calculateRequestTimeRanges(request, calculator.minimumBoundary());
     var startTime = timeRanges.map(r => r.start).reduce((a, b) => Math.min(a, b));
     var endTime = timeRanges.map(r => r.end).reduce((a, b) => Math.max(a, b));
     var scale = 100 / (endTime - startTime);
 
@@ skipping 12 matching lines @@
     for (var i = 0; i < timeRanges.length; ++i) {
       var range = timeRanges[i];
       var rangeName = range.name;
       if (rangeName === Network.RequestTimeRangeNames.Total) {
         totalDuration = range.end - range.start;
         continue;
       }
       if (rangeName === Network.RequestTimeRangeNames.Push) {
         createHeader(Common.UIString('Server Push'));
       } else if (rangeName === Network.RequestTimeRangeNames.Queueing) {
-          queueingHeader = tableElement.createChild('tr', 'network-timing-table-header');
-          queueingHeader.createChild('td').createTextChild(Common.UIString('Resource Scheduling'));
-          queueingHeader.createChild('td').createTextChild('');
-          queueingHeader.createChild('td').createTextChild(Common.UIString('TIME'));
+        queueingHeader = tableElement.createChild('tr', 'network-timing-table-header');
+        queueingHeader.createChild('td').createTextChild(Common.UIString('Resource Scheduling'));
+        queueingHeader.createChild('td').createTextChild('');
+        queueingHeader.createChild('td').createTextChild(Common.UIString('TIME'));
       } else if (Network.RequestTimingView.ConnectionSetupRangeNames.has(rangeName)) {
         if (!connectionHeader)
           connectionHeader = createHeader(Common.UIString('Connection Start'));
       } else {
         if (!dataHeader)
           dataHeader = createHeader(Common.UIString('Request/Response'));
       }
 
       var left = (scale * (range.start - startTime));
       var right = (scale * (endTime - range.end));
@@ skipping 103 matching lines @@
     this._request.removeEventListener(SDK.NetworkRequest.Events.TimingChanged, this._refresh, this);
     this._request.removeEventListener(SDK.NetworkRequest.Events.FinishedLoading, this._refresh, this);
     this._calculator.removeEventListener(Network.NetworkTimeCalculator.Events.BoundariesChanged, this._refresh, this);
   }
 
   _refresh() {
     if (this._tableElement)
       this._tableElement.remove();
 
     this._tableElement = Network.RequestTimingView.createTimingTable(this._request, this._calculator);
+    this._tableElement.classList.add('resource-timing-table');
     this.element.appendChild(this._tableElement);
   }
 };
 
 /** @enum {string} */
 Network.RequestTimeRangeNames = {
   Push: 'push',
   Queueing: 'queueing',
   Blocking: 'blocking',
   Connecting: 'connecting',
@@ skipping 10 matching lines @@
 };
 
 Network.RequestTimingView.ConnectionSetupRangeNames = new Set([
   Network.RequestTimeRangeNames.Queueing, Network.RequestTimeRangeNames.Blocking,
   Network.RequestTimeRangeNames.Connecting, Network.RequestTimeRangeNames.DNS, Network.RequestTimeRangeNames.Proxy,
   Network.RequestTimeRangeNames.SSL
 ]);
 
 /** @typedef {{name: !Network.RequestTimeRangeNames, start: number, end: number}} */
 Network.RequestTimeRange;