MMM-Nest

[tidus5]

changed the CSS

for who want

.heating {
width: 130px;
height: 130px;
background: red;
background: radial-gradient(#571d1d, #b30000);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 50px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.cooling {
width: 130px;
height: 130px;
background: blue;
background: radial-gradient(#0a237a, #436cc0);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 50px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.heatingHC {
width: 130px;
height: 130px;
background: red;
background: radial-gradient(#571d1d, #b30000);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 40px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.coolingHC {
width: 130px;
height: 130px;
background: blue;
background: radial-gradient(#0a237a, #436cc0);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 40px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.off {
width: 130px;
height: 130px;
border: 4px solid white;
background: black;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 50px;
text-align: center;
position: relative;
}

.heatingText {
  font-size:medium;
  position: absolute;
top: -5px;
right: 40px;
  width: 0;
}

.coolingText {
  font-size:medium;
  position: absolute;
top: -5px;
right: 40px;
  width: 0;
}

.humidityText {
  position:absolute;
  font-size:large;
  top: 35%;
  width: 100%;
}

.nameText {
 font-size:medium;
 text-align:center;
 width:33%;
}

.center {
 text-align:center;
}

.heatingCell {
 background:red;
 background:linear-gradient(to right, #990000 , red, #990000);
}

.coolingCell {
 background-color:blue;
 background:linear-gradient(to right, #000099 , blue, #000099);
}

.fanIcon {
 height:15px;
 width:15px;
 position:absolute;
 top: 72%;
 right: 42%;
}

[mochman]

@tidus5 Thanks! I’m terrible at CSS, I just keep changing numbers until it looks right to me.

[fox]

I am looking forward when Nest sells officially in germany.

Whats about the cameras? Also Nest outdoor camera supported?

[mochman]

@fox I don’t have a camera so I’m not too sure how to program for it. The API does allow you to get data from the camera as well as take snapshots. The API also gives you the video URL which I imagine you can use to get video on the mirror.

[Mitch1138]

I just installed this and everything worked as described. I have two thermostats, is there a way to increase the font size of the “list” view (it looks like the css only applies to the thermostat graphic view?). Thanks

[mochman]

@Mitch1138 You may be able to change the .center part of the css to change the font size. I’m not to sure though, I don’t know much about CSS. Sorry.

[Mitch1138]

Thanks for the suggestion. I couldn’t get this to work and couldn’t find the css setting that changes the font size, it looks like most of the settings are for the thermostat graphic, not the list.

[mochman]

You might have to add some custom css to MagicMirror itself to get this to work the way you want it to. I’m not entirely sure how to do that, but I bet there are a bunch of posts in this forum with the answer.

[soqueen]

I know this is a dumb question but is the Pin you get when you run the getToken script the same as the token that you put into the config file? If not where do I get a token from? I seem to only have a pin, a product id and a product secret…

When I added in the Pin to the token field and run mm… I get a Loading… where the module should be…

[Mitch1138]

@mochman Many thanks. For now, changing the table font size in Nest.js seems to work (table.classList.add(“xsmall”, “table”); to table.classList.add(“small”, “table”);). I will keep looking at how to get this into custom.css.