organization of the text next to the icon.

iorifly

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

esmaecido

what I put in place to make it clearer (alive)

doubleT

Can you show me what your custom.css file looks like now?

iorifly

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

note: I’m slow to answer because I have to wait 120s to post.

doubleT

Oh, I noticed a typo – even though that’s not the reason it’s not working. Change te_s_t-align to text-align, please. ;)

What’s the name of the module in your config file?

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.