DevTools: update debugger sidepane style for paused on exception

third_party/WebKit/Source/devtools/front_end/sources/DebuggerPausedMessage.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @unrestricted
  */
 Sources.DebuggerPausedMessage = class {
   constructor() {
     this._element = createElementWithClass('div', 'paused-message flex-none');
     var root = UI.createShadowRootWithCoreStyles(this._element, 'sources/debuggerPausedMessage.css');
@@ skipping 12 matching lines @@
    * @param {!Bindings.DebuggerWorkspaceBinding} debuggerWorkspaceBinding
    * @param {!Bindings.BreakpointManager} breakpointManager
    */
   render(details, debuggerWorkspaceBinding, breakpointManager) {
     var status = this._contentElement;
     status.hidden = !details;
     status.removeChildren();
     if (!details)
       return;
 
+    var errorLike = details.reason === SDK.DebuggerModel.BreakReason.Exception ||
+        details.reason === SDK.DebuggerModel.BreakReason.PromiseRejection ||
+        details.reason === SDK.DebuggerModel.BreakReason.Assert || details.reason === SDK.DebuggerModel.BreakReason.OOM;
     var messageWrapper;
     if (details.reason === SDK.DebuggerModel.BreakReason.DOM) {
       messageWrapper = Components.DOMBreakpointsSidebarPane.createBreakpointHitMessage(details);
     } else if (details.reason === SDK.DebuggerModel.BreakReason.EventListener) {
       var eventName = details.auxData['eventName'];
       var eventNameForUI = Sources.EventListenerBreakpointsSidebarPane.eventNameForUI(eventName, details.auxData);
       messageWrapper = buildWrapper(Common.UIString('Paused on event listener'), eventNameForUI);
     } else if (details.reason === SDK.DebuggerModel.BreakReason.XHR) {
       messageWrapper = buildWrapper(Common.UIString('Paused on XMLHttpRequest'), details.auxData['url'] || '');
     } else if (details.reason === SDK.DebuggerModel.BreakReason.Exception) {
@@ skipping 15 matching lines @@
       var breakpoint = uiLocation ?
           breakpointManager.findBreakpoint(uiLocation.uiSourceCode, uiLocation.lineNumber, uiLocation.columnNumber) :
           null;
       var defaultText = breakpoint ? Common.UIString('Paused on breakpoint') : Common.UIString('Debugger paused');
       messageWrapper = buildWrapper(defaultText);
     } else {
       console.warn(
           'ScriptsPanel paused, but callFrames.length is zero.');  // TODO remove this once we understand this case better
     }
 
-    var errorLike = details.reason === SDK.DebuggerModel.BreakReason.Exception ||
-        details.reason === SDK.DebuggerModel.BreakReason.PromiseRejection ||
-        details.reason === SDK.DebuggerModel.BreakReason.Assert || details.reason === SDK.DebuggerModel.BreakReason.OOM;
     status.classList.toggle('error-reason', errorLike);
     if (messageWrapper)
       status.appendChild(messageWrapper);
 
     /**
      * @param  {string} mainText
      * @param  {string=} subText
      * @param  {string=} title
      * @return {!Element}
      */
     function buildWrapper(mainText, subText, title) {
       var messageWrapper = createElement('span');
       var mainElement = messageWrapper.createChild('div', 'status-main');
-      mainElement.appendChild(UI.Icon.create('smallicon-info', 'status-icon'));
+      var icon = UI.Icon.create(errorLike ? 'smallicon-error' : 'smallicon-info', 'status-icon');
+      mainElement.appendChild(icon);
       mainElement.appendChild(createTextNode(mainText));
       if (subText) {
         var subElement = messageWrapper.createChild('div', 'status-sub monospace');
         subElement.textContent = subText;
       }
-      if (title)
-        messageWrapper.title = title;
+      var tooltip = title || subText;
+      if (tooltip)
+        messageWrapper.title = tooltip;
       return messageWrapper;
     }
   }
 };