DevTools: NetworkPanel: get rid of stripes gradient.

Rendering gradient consumes considerable amount of time.

BUG=316092

Review URL: https://codereview.chromium.org/440853002

git-svn-id: svn://svn.chromium.org/blink/trunk@180449 bbb929c8-8fbe-4397-9dbb-9b2b20218538

third_party/WebKit/Source/devtools/front_end/networkLogView.css

@@ -49,12 +49,11 @@
 }
 
 .network-log-grid.data-grid table.data {
-    background-size: 128px 82px;
-    background-image: linear-gradient(to bottom, white, white 50%, #eee 50%, #eee);
+    background: transparent;
 }
 
-.network-log-grid.data-grid.small table.data {
-    background-size: 128px 42px;
+.network-log-grid .odd {
+    background: #eee;
 }
 
 .network-log-grid.data-grid td {
@@ -98,10 +97,6 @@
     color: inherit;
 }
 
-.network-log-grid.data-grid .bottom-filler-td {
-    background-color: white;
-}
-
 .network-log-grid.data-grid .name-column {
     cursor: pointer;
 }

third_party/WebKit/Source/devtools/front_end/ui/ViewportDataGrid.js

@@ -83,13 +83,13 @@ WebInspector.ViewportDataGrid.prototype = {
     /**
      * @param {number} scrollHeight
      * @param {number} scrollTop
-     * @return {{topPadding: number, bottomPadding: number, visibleNodes: !Array.<!WebInspector.ViewportDataGridNode>}}
+     * @return {{topPadding: number, bottomPadding: number, visibleNodes: !Array.<!WebInspector.ViewportDataGridNode>, offset: number}}
      */
     _calculateVisibleNodes: function(scrollHeight, scrollTop)
     {
         var nodes = this._rootNode.children;
         if (this._inline)
-            return {topPadding: 0, bottomPadding: 0, visibleNodes: nodes};
+            return {topPadding: 0, bottomPadding: 0, visibleNodes: nodes, offset: 0};
 
         var size = nodes.length;
         var i = 0;
@@ -108,7 +108,7 @@ WebInspector.ViewportDataGrid.prototype = {
         for (; i < size; ++i)
             bottomPadding += nodes[i].nodeSelfHeight();
 
-        return {topPadding: topPadding, bottomPadding: bottomPadding, visibleNodes: nodes.slice(start, end)};
+        return {topPadding: topPadding, bottomPadding: bottomPadding, visibleNodes: nodes.slice(start, end), offset: start};
     },
 
     _update: function()
@@ -140,8 +140,10 @@ WebInspector.ViewportDataGrid.prototype = {
         if (previousElement.nextSibling === this._hiddenWheelTarget)
             previousElement = this._hiddenWheelTarget;
         var tBody = this.dataTableBody;
+        var offset = viewportState.offset;
         for (var i = 0; i < visibleNodes.length; ++i) {
             var element = visibleNodes[i].element();
+            element.classList.toggle("odd", (offset + i) % 2 === 0);
             tBody.insertBefore(element, previousElement.nextSibling);
             previousElement = element;
         }