MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-Fuel: Faded Display Box

    Scheduled Pinned Locked Moved Transport
    4 Posts 3 Posters 665 Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • M Offline
      Mogli 0
      last edited by

      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

      S wishmaster270W 2 Replies Last reply Reply Quote 0
      • S Offline
        sdetweil @Mogli 0
        last edited by

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

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • wishmaster270W Offline
          wishmaster270 Module Developer @Mogli 0
          last edited by 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

          1 Reply Last reply Reply Quote 0
          • M Offline
            Mogli 0
            last edited by

            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

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • First post
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy