[Devtools] Updated format to store product registry data

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

 /*
  * Copyright (C) 2013 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 47 matching lines @@
 
 .network-log-grid .odd {
     background: #f5f5f5;
 }
 
 .network-log-grid .network-navigation-row,
 .network-log-grid .network-navigation-row.odd {
     background: #def;
 }
 
+.network-log-grid .product-type .product-extension-column::before {

[pfeldman, 2017/04/07 23:22:01]

Which product? :) You've abstracted from the products!

[allada, 2017/04/10 22:20:44]

I'm not sure what you mean, but product-type only gets added if it finds a
classification.

+    content: "";
+    height: 5px;
+    width: 5px;
+    border-radius: 50%;
+    display: inline-block;
+    margin-right: 2px;
+    margin-bottom: 1px;
+    border: 1px solid rgba(51, 51, 51, 0.3);
+}
+
+.network-log-grid .product-type-Tracking .product-extension-column::before {
+    background-color: #FFEB3B;
+}
+
+.network-log-grid .product-type-Ad .product-extension-column::before {
+    background-color: #00BCD4;
+}
+
+.network-log-grid .product-type-CDN .product-extension-column::before {
+    background-color: #8BC34A;
+}
+
 .network-log-grid.data-grid td {
     height: 41px;
     border-left: 1px solid #e1e1e1;
     vertical-align: middle;
 }
 
 .network-log-grid.data-grid .corner {
     display: none;
 }
 
@@ skipping 296 matching lines @@
     bottom: 1px;
     display: flex;
     align-items: center;
 }
 
 .network-waterfall-header .sort-order-icon {
     align-items: center;
     margin-right: 4px;
     margin-bottom: -2px;
 }