MMM-Fuel: Faded Display Box

Mogli 0

Hi there,
I’m new to the MM world and searched for a known thread here for my question but didn’t found sth.
I placed the MMM-fuel info box on bottom_center. The module itself works fine but the bottom side of the box is faded out downwards so that only 3 of 4 gas stations are readable. Is that a MMM-fuel issue or is it sth that is to manage in the MM config.js?
In other words: who do I have to bother with this?
Thx in advance

sdetweil

@Mogli-0 bottom center is a very small space.
see https://forum.magicmirror.builders/topic/286/regions?_=1668263216703

wishmaster270

@Mogli-0

The fading is hard coded to the template of the module.
As it is not configured in the modules CSS file you need to modify the template or make a issue at the modules github page and let the developer do it for you.

Edit:
You need to change line 42 in “templates/MMM-Fuel.njk”

from:

            {% set fadeStyle = loop.index0 | fade(loop.length) %}

to:

            {% set fadeStyle = 1 %}

But be aware that you will get into problems the next time you want to update the module!

Edit:
I opened a issue at the modules github page with a suggestion to the developer of how to realize the fading with CSS instead of the hard coded part.
If he accepts the change things can be controlled in the custom.css in the future

Mogli 0

Sorry for beeing late w| my reply - was on business trip for a week.
Thanks a lot for this very helpful hint - works fine, even if I may face some issues when the module is being updated. We’ll see.
But btw: does anyone know how the “stationIds” thing is working? My attempt to set a specific list of gas stations failed whatever I set up. It always reduces the shown gas stations to a default area of x km but gives a sh*t what I put into the stationIds field.

{
    				module: "MMM-Fuel",
    				position: "bottom_center",
    					config: {
        				api_key: "xxx-xxx-xxx-xxx-xxx",
        				lat: XX.261100,
        				lng: XX.086829,
					max: 4,
					showAddress: false,
					showOpenOnly: true,
        				types: ["diesel"],
					updateInterval: 900000,
					rotate: false,
					open: true,
					stationIds: ["5cef9466-ccff-46fc-ab7c-1a94a807f961", "89c023c3-b028-468c8107-7987d3b62c02" ],
                                                 },
},

I have no idea what to change to refer to the stationIds list.
Thanks again for helping -
Greets