[DevTools] Change colors of websocket message viewer datagrid
Currently in the websocket message viewer, sent text messages have a
green background, received text messages have a white background, and
binary messages are yellow on yellow. This patch removes all of these
interesting colors and replaces them with data grid striping to look
more like the other datagrids in devtools.
Screenshots: http://crbug.com/963949#c2
Bug: 963949
Change-Id: I0403a8c67a36e5ad0bd006d59e60fc02d371d7ae
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1614036
Reviewed-by: Erik Luo <[email protected]>
Commit-Queue: Joey Arhar <[email protected]>
Cr-Original-Commit-Position: refs/heads/master@{#660948}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: b7376e9a27a05101c607526f4c4441e582cbeb86
diff --git a/front_end/network/webSocketFrameView.css b/front_end/network/webSocketFrameView.css
index 9e95e84..ec662ef 100644
--- a/front_end/network/webSocketFrameView.css
+++ b/front_end/network/webSocketFrameView.css
@@ -17,10 +17,6 @@
background-image: none;
}
-.websocket-frame-view-td {
- border-bottom: 1px solid #ccc;
-}
-
.websocket-frame-view .data-grid tr.selected {
background-color: #def;
}
@@ -31,13 +27,15 @@
}
.websocket-frame-view-row-send td:first-child::before {
- content: "\2B06 ";
+ content: "\2B06";
color: #080;
+ padding-right: 4px;
}
.websocket-frame-view-row-receive td:first-child::before {
- content: "\2B07 ";
+ content: "\2B07";
color: #E65100;
+ padding-right: 4px;
}
.data-grid:focus .websocket-frame-view-row-send.selected td:first-child::before,
@@ -45,17 +43,7 @@
color: white;
}
-.websocket-frame-view-row-send {
- background-color: rgb(226, 247, 218);
-}
-
-.websocket-frame-view-row-opcode {
- background-color: rgb(255, 255, 232);
- color: rgb(170, 111, 71);
-}
-
.websocket-frame-view-row-error {
- background-color: rgb(255, 237, 237);
color: rgb(182, 0, 0);
}
