• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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-Gas

Scheduled Pinned Locked Moved Transport
56 Posts 13 Posters 28.2k Views 12 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.
  • S Offline
    sdetweil @DDE12
    last edited by Jun 13, 2023, 1:09 PM

    @DDE12 custom.css, like always

    look to see if it has a css file which would tell u the class names used,

    then use custom.css to override those settings

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    D 1 Reply Last reply Jun 19, 2023, 3:06 AM Reply Quote 0
    • D Offline
      DDE12 @sdetweil
      last edited by Jun 19, 2023, 3:06 AM

      @sdetweil There are two of them: MMM-Gas.css and MMM-Gas1.css. MMM-Gas did not seem to do anything and I was able to make some changes with MMM-Gas1 but not to the font size. Both css files have:

      .MMM-Gas .xxsmall{
      	font-size: 12px;
      

      Changing it has no effect.
      In dev mode, changing

      .xsmall {
          font-size: var(--font-size-xsmall);
      }
      

      from main.css does change the font size. I assume that this will affect any other module that uses the xsmall font.
      Is there a way through my css to set the font size for this module only?

      S 1 Reply Last reply Jun 19, 2023, 11:34 AM Reply Quote 0
      • S Offline
        sdetweil @DDE12
        last edited by Jun 19, 2023, 11:34 AM

        @DDE12 yes, prefix the class with the module name

        ..modulename .xsmall {
        ...
        }
        

        this is the documented way to use custom.css

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        D 1 Reply Last reply Jun 19, 2023, 5:08 PM Reply Quote 0
        • D Offline
          DDE12 @sdetweil
          last edited by Jun 19, 2023, 5:08 PM

          @sdetweil That fixed it! Thank you! Looking back, I see that the module css has .xxsmall and the font size is determined by .xsmall. My brain glossed over that extra ‘x’. Maybe’s it’s a typo in the css because changing it does not seem to affect anything?

          S 1 Reply Last reply Jun 19, 2023, 5:25 PM Reply Quote 0
          • S Offline
            sdetweil @DDE12
            last edited by Jun 19, 2023, 5:25 PM

            @DDE12 sorry, don’t know the module…

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • D Offline
              DDE12
              last edited by Sep 27, 2024, 12:58 AM

              I recently noticed that the MMM-Gas module is not showing/working. All of my other modules are working. I removed all the modules except MMM-Gas from config.js and disabled the default modules and am just getting a black screen. There is no Loading or Undefined message. I deleted the module and reinstalled but got the same results. MM is installed on a Raspberry Pi. Please let me know what further info I can provide or steps to take to troubleshoot further. Thank you!

              S 1 Reply Last reply Sep 27, 2024, 2:57 AM Reply Quote 0
              • S Offline
                sdetweil @DDE12
                last edited by Sep 27, 2024, 2:57 AM

                @DDE12 can you show the mesages from npm start
                if using pm2 to auto launch, then

                pm2 logs --lines=???
                ??? is some number of lines, default 15

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                D 1 Reply Last reply Sep 28, 2024, 6:29 PM Reply Quote 0
                • D Offline
                  DDE12 @sdetweil
                  last edited by DDE12 Sep 29, 2024, 11:33 PM Sep 28, 2024, 6:29 PM

                  @sdetweil

                  admin@raspberrypi:~/Desktop/MagicMirror $ npm run start
                  
                  > magicmirror@2.28.0 start
                  > DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
                  
                  [2024-09-28 14:20:56.806] [LOG]   Starting MagicMirror: v2.28.0 
                  [2024-09-28 14:20:56.892] [LOG]   Loading config ... 
                  [2024-09-28 14:20:56.899] [LOG]   config template file not exists, no envsubst 
                  [2024-09-28 14:20:56.909] [LOG]   Loading module helpers ... 
                  [2024-09-28 14:20:59.198] [LOG]   Initializing new module helper ... 
                  [2024-09-28 14:20:59.201] [LOG]   Module helper loaded: MMM-Gas 
                  [2024-09-28 14:20:59.202] [LOG]   All module helpers loaded. 
                  [2024-09-28 14:20:59.224] [LOG]   Starting server on port 8080 ...  
                  [2024-09-28 14:21:00.473] [LOG]   Server started ... 
                  [2024-09-28 14:21:00.479] [LOG]   Connecting socket for: MMM-Gas 
                  [2024-09-28 14:21:00.482] [LOG]   Starting module: MMM-Gas 
                  [2024-09-28 14:21:00.485] [LOG]   Sockets connected & modules started ... 
                  [2024-09-28 14:21:02.543] [LOG]   Launching application. 
                  [2024-09-28 14:21:07.261] [INFO]  System information:
                  ### SYSTEM:   manufacturer: Raspberry Pi Foundation; model: Raspberry Pi 2 Model B Rev 1.2; raspberry: [object Object]; virtual: false
                  ### OS:       platform: linux; distro: Raspbian GNU/Linux; release: 11; arch: arm; kernel: 6.1.21-v7+
                  ### VERSIONS: electron: 31.1.0; used node: 20.14.0; installed node: 20.11.0; npm: 10.2.4; pm2: 5.4.1
                  ### OTHER:    timeZone: America/New_York; ELECTRON_ENABLE_GPU: undefined 
                  
                  

                  It doesn’t look like it is fetching the gas prices. ??

                  1 Reply Last reply Reply Quote 0
                  • J Offline
                    JohnGalt
                    last edited by Sep 29, 2024, 7:56 PM

                    @cowboysdude - We have a car that only takes premium, and a car that only requires regular. Is it possible to show prices for multiple grades of fuel in a single instance of the module? {Obviously I could install one instance, rename a bunch of stuff and then install a 2nd instance, but I’m wondering whether it can do it natively? Thanks in advance.

                    S 1 Reply Last reply Sep 29, 2024, 8:47 PM Reply Quote 0
                    • S Offline
                      sdetweil @JohnGalt
                      last edited by Sep 29, 2024, 8:47 PM

                      @JohnGalt it cannot do it natively

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      J 1 Reply Last reply Sep 30, 2024, 12:52 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 4 / 6
                      • 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