Plug ide.quickError on cdb onChangeHooks

bin/style.css

@@ -73,7 +73,7 @@ body {
 #message-container .message.show {
   outline-color: #686868;
   margin-top: 4px;
-  max-height: 26px;
+  max-height: 100px;
   transition: all 1s;
 }
 #message-container .message.error {

bin/style.less

@@ -85,7 +85,7 @@ body {
 		&.show {
 			outline-color: #686868;
 			margin-top: 4px;
-			max-height: 26px;
+			max-height: 100px;
 			transition: all 1.0s;
 		}
 

hide/Ide.hx

@@ -642,10 +642,12 @@ class Ide extends hide.tools.IdeData {
 	}
 
 	public function quickError( msg : Dynamic, timeoutSeconds : Float = 5.0 ) {
+		var str = StringTools.htmlEscape(Std.string(msg));
+		str = StringTools.replace(str, "\n", "<br/>");
 		var e = new Element('
 		<div class="message error">
 			<div class="icon ico ico-warning"></div>
-			<div class="text">${StringTools.htmlEscape(Std.string(msg))}</div>
+			<div class="text">${str}</div>
 		</div>');
 
 		js.Browser.console.error(msg);
@@ -1613,10 +1615,12 @@ class Ide extends hide.tools.IdeData {
 	}
 
 	public function quickMessage( text : String, timeoutSeconds : Float = 5.0 ) {
+		var str = StringTools.htmlEscape(text);
+		str = StringTools.replace(str, "\n", "<br/>");
 		var e = new Element('
 		<div class="message">
 			<div class="icon ico ico-info-circle"></div>
-			<div class="text">${text}</div>
+			<div class="text">${str}</div>
 		</div>');
 
 		js.Browser.console.log(text);

hide/comp/cdb/Editor.hx

@@ -1023,7 +1023,7 @@ class Editor extends Component {
 				runningHooks = true;
 				ide.runCommand(commands[i], (e) -> {
 					if (e != null) {
-						ide.error('Hook error:\n$e');
+						ide.quickError('Hook error:\n$e');
 						hookEnd();
 					} else {
 						if (i < commands.length - 1) {