organization of the text next to the icon.

iorifly

@doubleT said in organization of the text next to the icon.:

x t-align

MMM-homeassistant-sensors

hitting the text did not appear the line either.

doubleT

In that case the css should work. And the css file is named custom.css? Exactly like that? And you restarted the mirror?

Since we’re already working directly in the code: In the module js there’s a line
var tableElement = document.createElement("table");

You can write a line directly after that:
tableElement.className = "homeassistant-table";

Then you should be able to address the table in the cusom.css like this:

.homeassistant-table tr td:nth-of-type(2) {
    text-align: left;
}
.homeassistant-table tr:nth-of-type(3) td,
.homeassistant-table tr:nth-of-type(6) td {
    border-bottom: 1px solid white;
}
.homeassistant-table {
    border-spacing: 0;
}

Is the text brighter now?

EDIT: tableElement, not table.Element

iorifly

@doubleT said in organization of the text next to the icon.:

.homeassistant-table tr td:nth-of-type(2) {
text-align: left;
}
.homeassistant-table tr:nth-of-type(3) td,
.homeassistant-table tr:nth-of-type(6) td {
border-bottom: 1px solid white;
}
.homeassistant-table {
border-spacing: 0;
}

do I delete the text from what was in the custom? or leave and put this?

doubleT

Delete the previous code in custom.css if you added that className line in the module’s js.

iorifly

@doubleT

If I put this line:

table.Element.className = "homeassistant-table";

after

var tableElement = document.createElement("table");

the module does not load

Another thing the text is still gray.

doubleT

Oh, sorry, “tableElement” – remove the dot. Sorry.

iorifly

The module loaded but without the lines yet.

Before you get tired LOL … please tell me how to make the text of the module more alive!

doubleT

Remove the “dimmed” in line 38 of the code.