kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-06-27 11:50:00 +00:00
Code Issues Projects Releases Wiki Activity

migrate set position DOM manipulation to css

Browse Source
This commit is contained in:
Felix Wiedenbach 2021-10-15 06:11:24 +02:00
parent b3bb829e4d
commit 3695e64ce9
4 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
modules/default/alert/alert.js
View File

@ -25,7 +25,7 @@ Module.register("alert", {
},
getStyles() {
return ["notificationFx.css", "font-awesome.css"];
return ["notificationFx.css", "font-awesome.css", this.file(`./styles/${this.config.position}.css`)];
},
getTranslations() {
@ -136,21 +136,6 @@ Module.register("alert", {
}
},
setPosition(pos) {
//Add css to body depending on the set position for notifications
const sheet = document.createElement("style");
if (pos === "center") {
sheet.innerHTML = ".ns-box {margin-left: auto; margin-right: auto;text-align: center;}";
}
if (pos === "right") {
sheet.innerHTML = ".ns-box {margin-left: auto;text-align: right;}";
}
if (pos === "left") {
sheet.innerHTML = ".ns-box {margin-right: auto;text-align: left;}";
}
document.body.appendChild(sheet);
},
notificationReceived(notification, payload, sender) {
if (notification === "SHOW_ALERT") {
if (typeof payload.type === "undefined") {
@ -168,7 +153,6 @@ Module.register("alert", {
start() {
this.alerts = {};
this.setPosition(this.config.position);
if (this.config.welcome_message) {
if (this.config.welcome_message === true) {
this.showNotification({ title: this.translate("sysTitle"), message: this.translate("welcome") });

5
modules/default/alert/styles/center.css Normal file
View File

@ -0,0 +1,5 @@
.ns-box {
margin-left: auto;
margin-right: auto;
text-align: center;
}

4
modules/default/alert/styles/left.css Normal file
View File

@ -0,0 +1,4 @@
.ns-box {
margin-right: auto;
text-align: left;
}

4
modules/default/alert/styles/right.css Normal file
View File

@ -0,0 +1,4 @@
.ns-box {
margin-left: auto;
text-align: right;
}