MMM-DarkSkyForecast - Yet ANOTHER weather module

j.e.f.f

@richland007 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

how can i make the background of your module non transparent/black or semi transparent??

Try this in your custom.css file:

.MMM-DarkSkyForecast .module-content {
  background-color: rgba(0,0,0,0.5);
}

The first three parameters 0,0,0 are the color (in this case black), and the last parameter 0.5 is the level of transparency. Adjust accordingly to suit your needs.

j.e.f.f

@richland007 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

Any ideas at what those squares are in front of my temperature numbers everybody ?? ;)

No idea why this is happening, but it generally means that the browser is trying to render a character that is outside of the character set.

Can you PM me with your config? I wonder if the data is providing those characters.

richland007

@j-e-f-f Thank you for your reply.
Do you want my entire MM config.js file or just the MMM-DarkSkyForecast part of it??
D

lavolp3

EDIT: SORRY, nevermind… small mistake in my latitude gave wrong values…

Cr4z33

@j-e-f-f any way I can see the wind direction too?

lavolp3

@cr4z33 it is shown if you include

concise: false

into the config.
That’s the way to show more info.
If you want to ONLY show the wind direction you would have to manipulate the .js file manually in line 429

      windSpeed: Math.round(speed) + " " + this.getUnit("windSpeed") + (!this.config.concise ? " " + this.getOrdinal(bearing) : ""),

into

      windSpeed: Math.round(speed) + " " + this.getUnit("windSpeed") + " " + this.getOrdinal(bearing),

In my case this unfortunately messes up the layout a bit. But it seems to work.

Cr4z33

@lavolp3 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

@cr4z33 it is shown if you include
concise: false 
into the config.
That’s the way to show more info.

That’s already perfect thanks! :thumbs_up_medium-light_skin_tone:

j.e.f.f

@richland007 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

@j-e-f-f Thank you for your reply.
Do you want my entire MM config.js file or just the MMM-DarkSkyForecast part of it??
D

Just the dark sky portion.

jackoliver361

Hey i have your module working but when i also add the MMM-Awsome-alexa module it moves to this location even though ive set it to display in the top_right. It goes into the right location when mmm-awesome-alexa is removed. Any ideas ?

j.e.f.f

@lavolp3 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

If you want to ONLY show the wind direction you would have to manipulate the .js file manually in line 429

Or you can write rules to hide things in your custom.css file. That way your change doesn’t get overwritten by a module update. I’ve wrapped everything in a css class, so you can pick and choose what is displayed. Start MM in dev mode and you can use the inspector to figure out the class names, or examine MMM-DarkSkyForecast.njk to see the HTML layout and the classes applied.

For example, let’s say you wanted the wind direction, but not the max wind speed. First set concise: false in the module’s config. Then hide the max speed as follows:

MMM-DarkSkyForecast .wrapper.tiled .forecast-container .forecast-item .wind-gusts {
    display: none;
}

Make sure to take a look at .MMM-DarkSkyForecast.css to see hoe specific the existing rule is. Yours needs to be at least as specific if you want it to override the default. For example, this would not have worked:

MMM-DarkSkyForecast .wind-gusts {
    display: none;
}

since the existing rule is more specific:

MMM-DarkSkyForecast .wrapper.tiled .forecast-container .forecast-item .wind-gusts {
    display: block;
}