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 1.5k 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

      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

      mumblebajM S 2 Replies Last reply Reply Quote 0
      • mumblebajM Offline
        mumblebaj Module Developer @Bira
        last edited by

        @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
        Check my blog-post: https://mumblebaj.xyz/
        Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

        1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @Bira
          last edited by

          @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

          mumblebajM 1 Reply Last reply Reply Quote 0
          • mumblebajM Offline
            mumblebaj Module Developer @sdetweil
            last edited by

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

            Check out my modules at: https://github.com/mumblebaj?tab=repositories
            Check my blog-post: https://mumblebaj.xyz/
            Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

            1 Reply Last reply Reply Quote 0
            • B Offline
              Bira
              last edited by

              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

              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

              With your input, this post could be even better 💗

              Register Login
              • 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