DevTools: [Console] migrate message level icons to UI.Icon

third_party/WebKit/Source/devtools/front_end/console/consoleView.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 107 matching lines @@
     left: -17px;
     top: 9px;
     width: 10px;
     height: 10px;
     margin-top: -4px;
     -webkit-user-select: none;
     background-image: url(Images/smallIcons.png);
     background-size: 190px 30px;
 }
 
+.message-level-icon {
+    position: absolute;
+    left: -17px;
+    top: 5px;
+    -webkit-user-select: none;
+}
+
 @media (-webkit-min-device-pixel-ratio: 1.1) {
 .console-message::before,
 .console-user-command::before,
 #console-prompt::before,
 .console-group-title::before {
     background-image: url(Images/smallIcons_2x.png);
 }
 } /* media */
 
 .console-message-repeat-count {
     margin: 2px 0 0 10px;
     flex: none;
 }
 
 .repeated-message {
     margin-left: 4px;
 }
 
-.console-error-level .repeated-message::before,
-.console-revokedError-level .repeated-message::before,
-.console-warning-level .repeated-message::before,
-.console-debug-level .repeated-message::before,
-.console-info-level .repeated-message::before {
-    visibility: hidden;
+.repeated-message .message-level-icon {
+    display: none;
 }
 
 .repeated-message .console-message-stack-trace-toggle,
 .repeated-message > .console-message-text {
     flex: 1;
 }
 
 .console-error-level .repeated-message,
 .console-revokedError-level .repeated-message,
 .console-log-level .repeated-message,
@@ skipping 128 matching lines @@
 }
 
 .-theme-with-dark-background .console-debug-level .console-message-text {
     color: hsl(220, 100%, 65%) !important;
 }
 
 .console-message.console-warning-level {
     background-color: rgb(255, 250, 224);
 }
 
-.console-error-level .console-message::before,
-.console-revokedError-level .console-message::before,
-.console-warning-level .console-message::before,
-.console-debug-level .console-message::before,
-.console-info-level .console-message::before {
-    background-image: url(Images/smallIcons.png);
-    background-size: 190px 30px;
-    width: 10px;
-    height: 10px;
-}
-
-@media (-webkit-min-device-pixel-ratio: 1.1) {
-.console-error-level .console-message::before,
-.console-revokedError-level .console-message::before,
-.console-warning-level .console-message::before,
-.console-debug-level .console-message::before,
-.console-info-level .console-message::before {
-    background-image: url(Images/smallIcons_2x.png);
-}
-} /* media */
-
-.console-warning-level .console-message::before {
-    background-position: -60px 0;
-}
-
-.console-error-level .console-message::before {
-    background-position: -20px 0;
-}
-
-.console-revokedError-level .console-message::before {
-    background-position: -40px 0;
-}
-
-.console-info-level .console-message::before {
-    background-position: -80px 0;
-}
-
 .console-user-command .console-message {
     margin-left: -24px;
     padding-right: 0;
     border-bottom: none;
 }
 
 .console-user-command::before {
     background-position: 0 -20px;
 }
 
@@ skipping 134 matching lines @@
 
 @media (-webkit-min-device-pixel-ratio: 1.1) {
 .console-message-stack-trace-toggle .console-message-text::before {
     -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .console-message-stack-trace-toggle.expanded .console-message-text::before {
     -webkit-mask-position: -20px -96px;
 }