Customize classes for table

MagicMirror offers helper classes in the main.css. Therefore, we give
the possibility to indicate the class that we want.
This commit is contained in:
Teddy Payet 2018-06-11 12:54:27 +02:00
parent d47cfe9504
commit cbc2eaf908
3 changed files with 10 additions and 3 deletions

5
.gitignore vendored
View File

@ -19,6 +19,9 @@ jspm_modules
# Visual Studio Code ignoramuses.
.vscode/
# IDE Code ignoramuses.
.idea/
# Various Windows ignoramuses.
Thumbs.db
ehthumbs.db
@ -78,3 +81,5 @@ Temporary Items
*.orig
*.rej
*.bak
css/homestyle.css

View File

@ -32,6 +32,7 @@ Module.register("calendar", {
hideOngoing: false,
colored: false,
coloredSymbolOnly: false,
tableClass: "small",
calendars: [
{
symbol: "calendar",
@ -124,11 +125,11 @@ Module.register("calendar", {
var events = this.createEventList();
var wrapper = document.createElement("table");
wrapper.className = "small";
wrapper.className = this.config.tableClass;
if (events.length === 0) {
wrapper.innerHTML = (this.loaded) ? this.translate("EMPTY") : this.translate("LOADING");
wrapper.className = "small dimmed";
wrapper.className = this.config.tableClass + " dimmed";
return wrapper;
}

View File

@ -36,6 +36,7 @@ Module.register("weatherforecast",{
appendLocationNameToHeader: true,
calendarClass: "calendar",
tableClass: "small",
roundTemp: false,
@ -117,7 +118,7 @@ Module.register("weatherforecast",{
}
var table = document.createElement("table");
table.className = "small";
table.className = this.config.tableClass;
for (var f in this.forecast) {
var forecast = this.forecast[f];