Use 'white-space: pre-line' for multi-line compliment.

ENTITYSmartMirror · Sep 24, 2018 · ba428c6 · ba428c6
1 parent d76c924
commit ba428c6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/css/main.css b/css/main.css
@@ -128,6 +128,10 @@ sup {
   text-overflow: ellipsis;
 }
 
+.pre-line {
+  white-space: pre-line;
+}
+
 /**
  * Region Definitions.
  */

diff --git a/modules/default/compliments/compliments.js b/modules/default/compliments/compliments.js
@@ -157,15 +157,10 @@ Module.register("compliments", {
 	getDom: function() {
 		var complimentText = this.randomCompliment();
 
+		var compliment = document.createTextNode(complimentText);
 		var wrapper = document.createElement("div");
-		wrapper.className = this.config.classes ? this.config.classes : "thin xlarge bright";
-		complimentText.split("\n").forEach(function(line, index) {
-			if (index > 0) {
-				wrapper.appendChild(document.createElement("br"));
-			}
-			wrapper.appendChild(document.createTextNode(line));
-
-		});
+		wrapper.className = this.config.classes ? this.config.classes : "thin xlarge bright pre-line";
+		wrapper.appendChild(compliment);
 
 		return wrapper;
 	},