MMM-Scrapey - I made something that could be useful?

fredric.nil

Hello.
Thanks for a great module.
I wonder how to decrese the distance between the lines.
I’ve tried adding table attributes to the table (as I can controll the table myself), but it doesn’t seems to work.
I also tried with custom.css to add the attributes style in it.
However, it appears that the module strips all styling from the presentation.

This is the code that I have used in custom.css, but these don’t seem to bite.

.MMM-Scrapey{
height:2px;
}

.MMM-Scrapey .td {
      padding: 2px;
}
.MMM-Scrapey .table {
      border-spacing: 2px;
}
.table {
      border-spacing: 2px;
}
.td {
      padding: 2px;
}

sdetweil

@fredric.nil don’t know the answer, but use the developers window elements tab

see second link in my signature below to learn how to use

fredric.nil

Thanks for the tip, but that’s where I was looking.
It seems that no matter what I put in for attributes, they don’t show up in the module.
I’m going crazy soon

sdetweil

@fredric.nil where are you putting them?

sdetweil

@fredric.nil

well there is a problem

.MMM-Scrapey .td {

the stuff before the {
is called the selector clause, it ‘selects’ the elements the styles after the { apply to

if the thing in the selector clause starts with a dot(.)
that means classname, class=
if it starts with a pound sign(#)
that means id, id=
otherwise no prefix means an html element name

table, tr, td, div, …

you have .td

fredric.nil

I put it in the custom.css.
It doesn’t seem to matter if I enter

.td , #td , td or .MMM-Scrapey .td , .MMM-Scrapey3 #td or .MMM-Scrapey td or even .td , #td or td before {

I can only say that this is not my cup of tea.

AndyHazz

@fredric.nil yes as @sdetweil says it needed to be .MMM-Scrapey td {} to have any effect.

Try this in your custom CSS, I think it’s the line height you want to adjust, not the padding:

.MMM-Scrapey td {
    line-height: 1;
}

MagicMirror default line height on the body element is 1.5 so I think everything inherits that unless overidden.

fredric.nil

@AndyHazz said in MMM-Scrapey - I made something that could be useful?:

.MMM-Scrapey td {
line-height: 1;
}
Just that, perfect
Thank you.