Bug 126216 allow wrapping of error messages in JS console r=timeless sr=bz a=asa

xpfe/components/console/resources/content/console.css

@@ -17,18 +17,18 @@
   -moz-binding: url("chrome://global/content/consoleBindings.xml#message");
 }
 
-.console-error-msg {
-  white-space: normal;
-}
-    
 .console-msg-text {
-  white-space: pre;
+  white-space: -moz-pre-wrap;
 }  
 
 .console-error-source {
   -moz-binding: url("chrome://global/content/consoleBindings.xml#console-error-source");
 }
   
+.console-dots {
+  width: 1px;
+}
+
 /* :::::::::: hiding and showing of rows for each mode :::::::::: */
 
 .console-box[mode="Warnings"] > .console-box-internal > .console-rows 

xpfe/components/console/resources/content/consoleBindings.xml

@@ -310,7 +310,7 @@
         <xul:vbox class="console-row-content" xbl:inherits="selected" flex="1">
           <xul:box class="console-row-msg" align="start">
             <xul:label class="label" xbl:inherits="value=typetext"/>
-            <xul:description class="console-error-msg" xbl:inherits="value=msg" flex="1"/>
+            <xul:description class="console-error-msg" xbl:inherits="xbl:text=msg" flex="1"/>
           </xul:box>
           <xul:box class="console-row-file" xbl:inherits="hidden=hideSource">
             <xul:label class="label" value="&errFile.label;"/>
@@ -320,7 +320,7 @@
             <xul:label class="label" xbl:inherits="value=line" flex="1"/>
           </xul:box>
           <xul:vbox class="console-row-code" xbl:inherits="selected,hidden=hideCode">
-            <xul:label class="monospace console-code" xbl:inherits="value=code"/>
+            <xul:label class="monospace console-code" xbl:inherits="value=code" crop="end"/>
             <xul:box xbl:inherits="hidden=hideCaret">
               <xul:label class="monospace console-dots" xbl:inherits="value=errorDots"/>
               <xul:label class="monospace console-caret" xbl:inherits="value=errorCaret"/>
@@ -368,7 +368,7 @@
         </xul:box>
         <xul:vbox class="console-row-content" xbl:inherits="selected" flex="1">
           <xul:vbox class="console-row-msg" flex="1">
-            <xul:description class="console-msg-text" xbl:inherits="value=msg" flex="1"/>
+            <xul:description class="console-msg-text" xbl:inherits="xbl:text=msg"/>
           </xul:vbox>
         </xul:vbox>
       </xul:box>