DevTools: separate style for error message bubble.

Source/devtools/front_end/inspectorStyle.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 920 matching lines @@
 } /* media */
 
 .console-message > .outline-disclosure li.parent::before {
     top: 0;
 }
 
 .console-message .outline-disclosure .stacktrace-entry:hover {
     background-color: rgba(0, 0, 0, 0.05);
 }
 
-.console-message .bubble {
+.console-message-repeat-count {
     display: inline-block;
     height: 14px;
     background-color: rgb(128, 151, 189);
     vertical-align: middle;
     white-space: nowrap;
     padding: 1px 4px;
-    margin-top: -1px;
-    margin-right: 4px;
-    margin-left: -18px;
     text-align: left;
     font-size: 11px;
     line-height: normal;
     font-weight: bold;
     text-shadow: none;
     color: white;
+    margin-top: -1px;
     border-radius: 7px;
 }
 
+.console-message .console-message-repeat-count {
+    margin-right: 4px;
+    margin-left: -18px;
+}
+
 .console-message-text {
     white-space: pre-wrap;
 }
 
 .console-async-trace-text {
     margin-left: -10px;
     font-style: italic;
 }
 
 .repeated-message.console-error-level::before,
@@ skipping 1161 matching lines @@
     height: 16px;
     margin-top: 9px;
     margin-left: 4px;
     line-height: 1em;
 }
 
 li .status:empty {
     display: none;
 }
 
-li .status .bubble {
-    display: inline-block;
-    height: 14px;
-    min-width: 16px;
-    margin-top: 1px;
-    background-color: rgb(128, 151, 189);
-    vertical-align: middle;
-    white-space: nowrap;
-    padding: 1px 4px;
-    text-align: center;
-    font-size: 11px;
-    line-height: normal;
-    font-weight: bold;
-    text-shadow: none;
-    color: white;
-    border-radius: 7px;
-}
-
-li .status .bubble:empty {
+li .status .console-message-repeat-count:empty {
     display: none;
 }
 
-li.selected .status .bubble {
+li.selected .status .console-message-repeat-count {
     background-color: white !important;
     color: rgb(132, 154, 190) !important;
 }
 
-:focus li.selected .status .bubble {
+:focus li.selected .status .console-message-repeat-count {
     color: rgb(36, 98, 172) !important;
 }
 
-body.inactive li.selected .status .bubble {
+body.inactive li.selected .status .console-message-repeat-count {
     color: rgb(159, 159, 159) !important;
 }
 
 .sidebar-tree.small .sidebar-tree-item,
 .sidebar-tree .children.small .sidebar-tree-item,
 .sidebar-tree-item.small,
 .small .resources-graph-side {
     height: 20px;
 }
 
@@ skipping 66 matching lines @@
 .sidebar-tree.small .sidebar-tree-item .subtitle,
 .sidebar-tree .children.small .sidebar-tree-item .subtitle,
 .sidebar-tree-item.small .subtitle {
     display: none;
 }
 
 .sidebar-tree-item.selected .subtitle {
     color: white;
 }
 
-.bubble.debug,
-.console-debug-level .bubble {
+.console-message-repeat-count.debug,
+.console-debug-level .console-message-repeat-count {

[vsevik, 2014/07/29 08:13:58]

bubble-repeat-count

[lushnikov, 2014/07/29 08:29:25]

Done.

     background-color: rgb(0, 0, 255) !important;
 }
 
-.bubble.warning,
-.console-warning-level .bubble {
+.console-message-repeat-count.warning,
+.console-warning-level .console-message-repeat-count {
     background-color: rgb(232, 164, 0) !important;
 }
 
-.bubble.error,
-.console-error-level .bubble {
+.console-message-repeat-count.error,
+.console-error-level .console-message-repeat-count {
     background-color: rgb(216, 35, 35) !important;
 }
 
 .storage-application-cache-status-icon,
 .storage-application-cache-connectivity-icon {
     margin: 5px 5px 0;
     vertical-align: middle;
 }
 
 .status-bar-divider {
@@ skipping 643 matching lines @@
 }
 
 .viewport-control-gap-element {
     color: transparent;
 }
 
 label.checkbox-with-label {
     display: flex;
     -webkit-user-select: none;
 }