• 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.

Weather Forecast - Inver min max

Scheduled Pinned Locked Moved Custom CSS
5 Posts 3 Posters 968 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.
  • B Offline
    Bira
    last edited by Aug 13, 2021, 12:34 AM

    Hello everyone.

    I’ve been slowly getting my mirror to my taste and now have a pet peeve that I’m unable to get rid of.

    To me it feels kinda weird read left to right as max temp and min temp. I was able to inspect the page and find those classes and change font, padding and whatnot but I don’t know how to swap those information.

    P.S.: I’m using the old weather forecast module because I’m afraid I’ll have to redo some styling if I update.

    Thank you.

    max_min.png

    M S 2 Replies Last reply Aug 13, 2021, 3:50 PM Reply Quote 0
    • M Offline
      mumblebaj Module Developer @Bira
      last edited by Aug 13, 2021, 3:50 PM

      @bira Unfortunately it is defined in the MMM-weatherforecast.js when the table is built.

      Check out my modules at: https://github.com/mumblebaj?tab=repositories

      1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @Bira
        last edited by Aug 13, 2021, 3:56 PM

        @bira as @mumblebaj says, this is hard coded

        but could be easily changed

        edit the file
        MMM-WeatherForecast.js and swap (cut/paste) these two sections of code
        starting on lines 166 and 171

        				var maxTempCell = document.createElement("td");
        				maxTempCell.innerHTML = forecast.maxTemp.replace(".", this.config.decimalSymbol) + degreeLabel;
        				maxTempCell.className = "align-right bright max-temp";
        				row.appendChild(maxTempCell);
        
        				var minTempCell = document.createElement("tr");
        				minTempCell.innerHTML = forecast.minTemp.replace(".", this.config.decimalSymbol) + degreeLabel;
        				minTempCell.className = "align-right min-temp";
        				row.appendChild(minTempCell);
        

        and u have to remember that u did this to the module and any update would revert it

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        M 1 Reply Last reply Aug 13, 2021, 4:43 PM Reply Quote 0
        • M Offline
          mumblebaj Module Developer @sdetweil
          last edited by Aug 13, 2021, 4:43 PM

          @sdetweil Yeah, I didn’t want to advise that for exactly that reason.

          Check out my modules at: https://github.com/mumblebaj?tab=repositories

          1 Reply Last reply Reply Quote 0
          • B Offline
            Bira
            last edited by Aug 16, 2021, 12:18 PM

            Thanks @mumblebaj and @sdetweil. Guess I’ll try what you guys suggested since I don’t plan on updating things often. I thought there could be a way to do so without changing the code.

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            1 / 1
            • First post
              2/5
              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