MMM-Netatmo updated

Miller

@zdenek Thank you for your comments.
I’ll see if i can improve it later

zdenek

@Miller no problem, I’ll reorganize modules a little bit…

thanks

airart

there is also a netatmo mudule for thermostat ?

Miller

Here you can find many available modules.
For the thermostat there is this Module

For me that one is not suitable, because it is only for the thermostat, not for the valves.
Since I didn’t find a module for the valves, I will maybe try to make it myself, but will take some time

zdenek

@Miller it will be great. I’ve the one form thermostat, but it only show temp and off/on. Will be great to see “plan”, also the status of valves (actual temp, open/closed, temp by plan…)

thanks

zdenek

@Miller can u plz help me to customize CSS? I need to “somehow” add to my CSS

MMM-netatmo . modules bubbles horizontal . module .secondary .displayAQI .AQI .medium light
font-size:15px;

MMM-netattmo . modules bubbles horizontal . module .primary . displayTemp . Temperature . data_container . data_left large light bright
font-size: 40px;

and also overide the module css value

.x-medium {

  font-size:170%;
}

to

.x-medium {

  font-size:100%;
}

the task is decrease the size of font of mentioned DIVs to own defined size (the actual is too big for me)

I’ve tried

.x-medium {

  font-size:100%;
}

.MMM-netatmo .bubbles.horizontal .module .primary .displayTemp .data_container .data_left {
  font-size: 40px;
}

.MMM-netatmo .bubbles.horizontal .module .secondary .displayAQI .AQI {
  font-size: 15px;
}

thanks a lot - I’m lost :-(

frogywill

This update looks great, thank you! What should be changed to have it display the temps in fahrenheit ?

Miller

@frogywill To show Fahrenheit, change your default settings of MagicMirror units to “imperial”

Or set units: “imperial” in MMM-Netatmo config

Miller

@zdenek
The AQI font class is inherited from the default .small class of MM.

To override this, add the following to the CSS

.MMM-netatmo .displayAQI .small {
  font-size: 10px;
  line-height: 15px;
}

To override all the .small classes in MMM-Netatmo

.MMM-netatmo .small {
  font-size: 10px;
  line-height: 15px;
}

The same goes for the Temperature, this Uses the default .large font class
to override add:

.MMM-netatmo .large {
  font-size: 40px;
}

The .x-medium is only applied to .secondary.displayWindAngle.WindAgle
The other icons is the normal .medium which comes from MM

So you can override

.x-medium {

  font-size:100%;
}

and

.MMM-netatmo .medium {
  font-size: 70%;
}

zdenek

@Miller that’s perfect, thanks