[DevTools] Bring back websocket message viewer colors
Screenshots: https://imgur.com/a/7rqmXSI
Bug: 996208
Change-Id: Id2beed57157772d28c98d87c6a88dfb88eca2d46
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1764126
Reviewed-by: Erik Luo <[email protected]>
Commit-Queue: Joey Arhar <[email protected]>
Cr-Original-Commit-Position: refs/heads/master@{#689311}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 4feb20a7164061fe74f223f3ec597781945cbec5
diff --git a/front_end/network/ResourceWebSocketFrameView.js b/front_end/network/ResourceWebSocketFrameView.js
index 49ce176..ae5f8d1 100644
--- a/front_end/network/ResourceWebSocketFrameView.js
+++ b/front_end/network/ResourceWebSocketFrameView.js
@@ -46,7 +46,7 @@
this._dataGrid = new DataGrid.SortableDataGrid(columns);
this._dataGrid.setRowContextMenuCallback(onRowContextMenu.bind(this));
this._dataGrid.setStickToBottom(true);
- this._dataGrid.setStriped(true);
+ this._dataGrid.setCellClass('websocket-frame-view-td');
this._timeComparator =
/** @type {function(!Network.ResourceWebSocketFrameNode, !Network.ResourceWebSocketFrameNode):number} */ (
Network.ResourceWebSocketFrameNodeTimeComparator);
diff --git a/front_end/network/webSocketFrameView.css b/front_end/network/webSocketFrameView.css
index ec662ef..257a625 100644
--- a/front_end/network/webSocketFrameView.css
+++ b/front_end/network/webSocketFrameView.css
@@ -17,6 +17,10 @@
background-image: none;
}
+.websocket-frame-view-td {
+ border-bottom: 1px solid #ccc;
+}
+
.websocket-frame-view .data-grid tr.selected {
background-color: #def;
}
@@ -43,7 +47,12 @@
color: white;
}
+.websocket-frame-view-row-send {
+ background-color: rgb(226, 247, 218);
+}
+
.websocket-frame-view-row-error {
+ background-color: rgb(255, 237, 237);
color: rgb(182, 0, 0);
}
