kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-08-21 12:55:22 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
ubertao
2018-09-24 23:01:17 +08:00
parent d76c924ad1
commit ba428c6cfe
2 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/main.css
View File

@@ -128,6 +128,10 @@ sup {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.pre-line {
white-space: pre-line;
}
/** /**
* Region Definitions. * Region Definitions.
*/ */

11
modules/default/compliments/compliments.js
View File

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