DevTools: style selected call frames as arrows.

third_party/WebKit/Source/devtools/front_end/sources/uiList.css

Index: third_party/WebKit/Source/devtools/front_end/sources/uiList.css
diff --git a/third_party/WebKit/Source/devtools/front_end/sources/uiList.css b/third_party/WebKit/Source/devtools/front_end/sources/uiList.css
index 654def1a0bd13a6b2f910c06f24da240377f4cd6..af8b8f7701d80c249b5b1ffcec0fbc43ef81cd9a 100644
--- a/third_party/WebKit/Source/devtools/front_end/sources/uiList.css
+++ b/third_party/WebKit/Source/devtools/front_end/sources/uiList.css
@@ -5,23 +5,13 @@
  */
 
 .list-item {
-    padding: 2px 8px 3px 8px;
+    padding: 0 8px 0 0;
     position: relative;
-    min-height: 26px;
+    min-height: 18px;
     white-space: nowrap;
-    line-height: 21px;
-}
-
-.list-item:nth-of-type(2n) {
-    background-color: #f8f8f8;
-}
-
-.list-item.selected {
-    background-color: #dadada;
-}
-
-.list-item.selected > .title {
-    font-weight: bold;
+    line-height: 20px;
+    border-bottom: 1px solid #eee;
+    background-position: -235px -107px;
 }
 
 .list-item:not(.ignore-hover):hover {
@@ -29,14 +19,14 @@
 }
 
 .list-item > .title {
-    font-weight: normal;
     word-wrap: break-word;
     white-space: normal;
+    margin-left: 17px;
 }
 
 .list-item > .subtitle {
     margin-left: 5px;
-    color: rgba(0, 0, 0, 0.7);
+    color: #888;
     text-overflow: ellipsis;
     overflow: hidden;
     float: right;
@@ -61,3 +51,21 @@
     opacity: 0.6;
     font-style: italic;
 }
+
+.list-item.selected::before {
+    background-image: url(Images/toolbarButtonGlyphs.png);
+    background-size: 352px 168px;
+    background-position: -235px -107px;
+    content: "";
+    position: absolute;
+    top: 5px;
+    left: 4px;
+    width: 10px;
+    height: 10px;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.list-item.selected::before {
+    background-image: url(Images/toolbarButtonGlyphs_2x.png);
+}
+} /* media */