DevTools: separate style for error message bubble.

Source/devtools/front_end/inspectorStyle.css

Index: Source/devtools/front_end/inspectorStyle.css
diff --git a/Source/devtools/front_end/inspectorStyle.css b/Source/devtools/front_end/inspectorStyle.css
index 3fea1a65edcc5d8da7b97d8d0ec9ea6f951e75f8..7d316379032e307889b3fedf65a37d3299a31beb 100644
--- a/Source/devtools/front_end/inspectorStyle.css
+++ b/Source/devtools/front_end/inspectorStyle.css
@@ -938,25 +938,28 @@ body.platform-linux .source-code {
     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;
 }
@@ -2138,38 +2141,20 @@ 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;
 }
 
@@ -2256,18 +2241,18 @@ body.inactive .sidebar-tree-item.selected {
     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;
 }