[Devtools] Moved new timeline canvas context menu to bottom

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

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @unrestricted
  */
 WebInspector.NetworkLogViewColumns = class {
   /**
    * @param {!WebInspector.NetworkLogView} networkLogView
    * @param {!WebInspector.NetworkTransferTimeCalculator} timeCalculator
@@ skipping 474 matching lines @@
     fragment.createTextChild(title);
     var subtitleDiv = fragment.createChild('div', 'network-header-subtitle');
     subtitleDiv.createTextChild(subtitle);
     return fragment;
   }
 
   /**
    * @param {!WebInspector.ContextMenu} contextMenu
    */
   _innerHeaderContextMenu(contextMenu) {
+    var columnConfigs = this._columns.filter(columnConfig => columnConfig.hideable);
+    var nonResponseHeaders = columnConfigs.filter(columnConfig => !columnConfig.isResponseHeader);
+    for (var columnConfig of nonResponseHeaders)
+      contextMenu.appendCheckboxItem(
+          columnConfig.title, this._toggleColumnVisibility.bind(this, columnConfig), columnConfig.visible);
+
+    contextMenu.appendSeparator();
+
+    var responseSubMenu = contextMenu.appendSubMenuItem(WebInspector.UIString('Response Headers'));
+    var responseHeaders = columnConfigs.filter(columnConfig => columnConfig.isResponseHeader);
+    for (var columnConfig of responseHeaders)
+      responseSubMenu.appendCheckboxItem(
+          columnConfig.title, this._toggleColumnVisibility.bind(this, columnConfig), columnConfig.visible);
+
+    responseSubMenu.appendSeparator();
+    responseSubMenu.appendItem(
+        WebInspector.UIString('Manage Header Columns\u2026'), this._manageCustomHeaderDialog.bind(this));
+
     if (Runtime.experiments.isEnabled('canvasNetworkTimeline')) {
+      contextMenu.appendSeparator();
       var timelineSortIds = WebInspector.NetworkLogViewColumns.TimelineSortIds;
       var timelineSubMenu = contextMenu.appendSubMenuItem(WebInspector.UIString('Timeline'));
       timelineSubMenu.appendCheckboxItem(
           WebInspector.UIString('Start Time'), setTimelineMode.bind(this, timelineSortIds.StartTime),
           this._activeTimelineSortId === timelineSortIds.StartTime);
       timelineSubMenu.appendCheckboxItem(
           WebInspector.UIString('Response Time'), setTimelineMode.bind(this, timelineSortIds.ResponseTime),
           this._activeTimelineSortId === timelineSortIds.ResponseTime);
       timelineSubMenu.appendCheckboxItem(
           WebInspector.UIString('End Time'), setTimelineMode.bind(this, timelineSortIds.EndTime),
           this._activeTimelineSortId === timelineSortIds.EndTime);
       timelineSubMenu.appendCheckboxItem(
           WebInspector.UIString('Total Duration'), setTimelineMode.bind(this, timelineSortIds.Duration),
           this._activeTimelineSortId === timelineSortIds.Duration);
       timelineSubMenu.appendCheckboxItem(
           WebInspector.UIString('Latency'), setTimelineMode.bind(this, timelineSortIds.Latency),
           this._activeTimelineSortId === timelineSortIds.Latency);
-      contextMenu.appendSeparator();
     }
-    var columnConfigs = this._columns.filter(columnConfig => columnConfig.hideable);
-    var nonResponseHeaders = columnConfigs.filter(columnConfig => !columnConfig.isResponseHeader);
-    for (var columnConfig of nonResponseHeaders)
-      contextMenu.appendCheckboxItem(
-          columnConfig.title, this._toggleColumnVisibility.bind(this, columnConfig), columnConfig.visible);
-
-    contextMenu.appendSeparator();
-
-    var responseSubMenu = contextMenu.appendSubMenuItem(WebInspector.UIString('Response Headers'));
-    var responseHeaders = columnConfigs.filter(columnConfig => columnConfig.isResponseHeader);
-    for (var columnConfig of responseHeaders)
-      responseSubMenu.appendCheckboxItem(
-          columnConfig.title, this._toggleColumnVisibility.bind(this, columnConfig), columnConfig.visible);
-
-    responseSubMenu.appendSeparator();
-    responseSubMenu.appendItem(
-        WebInspector.UIString('Manage Header Columns\u2026'), this._manageCustomHeaderDialog.bind(this));
 
     contextMenu.show();
 
     /**
      * @param {!WebInspector.NetworkLogViewColumns.TimelineSortIds} sortId
      * @this {WebInspector.NetworkLogViewColumns}
      */
     function setTimelineMode(sortId) {
       var calculator = this._calculatorsMap.get(WebInspector.NetworkLogViewColumns._calculatorTypes.Time);
       var timelineSortIds = WebInspector.NetworkLogViewColumns.TimelineSortIds;
@@ skipping 527 matching lines @@
 /**
  * @enum {string}
  */
 WebInspector.NetworkLogViewColumns.TimelineSortIds = {
   StartTime: 'startTime',
   ResponseTime: 'responseReceivedTime',
   EndTime: 'endTime',
   Duration: 'duration',
   Latency: 'latency'
 };