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.

    My mirror from Montreal

    Scheduled Pinned Locked Moved Show your Mirror
    22 Posts 5 Posters 12.3k Views 4 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.
    • Mykle1M Offline
      Mykle1 Project Sponsor Module Developer @jcasman
      last edited by Mykle1

      @jcasman

      Use these in your custom.css file and adjust accordingly.

      .MMM-Lunartic img.photo {
        max-width: 100%;
        margin-left: 0px;          /* Precisely align moon picture with these */
        margin-right: 0px;
        margin-top: 0px;        
        margin-bottom: 0px;
      }
      

      Yes, the image is contained in a black square (outer space?) so moving it into the region of another module might cover the other module. If so, you switch the order in the config.js for both modules (move the earlier entry to after) so that the black border of the MMM-Lunartic module will be covered by the other module.

      Create a working config
      How to add modules

      jcasmanJ 1 Reply Last reply Reply Quote 0
      • L Offline
        lpgjg
        last edited by

        This is good to know, I also had issues with the margins since I wanted it to look as if the moon was in orbit around the earth. Eventually, I gave up and made it work with mmm-moon-phase. I will probably go back an change it now that I know how to make it work.

        thanks Mykle1

        Mykle1M 1 Reply Last reply Reply Quote 0
        • Mykle1M Offline
          Mykle1 Project Sponsor Module Developer @lpgjg
          last edited by

          @lpgjg

          No worries, mate. Use what works for you. I’d like to see a pic of “the moon in orbit around the earth” when you’re done. Have fun.

          Create a working config
          How to add modules

          L 1 Reply Last reply Reply Quote 0
          • jcasmanJ Offline
            jcasman @Mykle1
            last edited by

            @Mykle1 Thanks for pointing out your css file. I mucked around in it quite a bit. Changing the margin settings did not, unfortunately, seem to change the effect very much. I was able to make it overlap with a module above it, like you pointed out. I tried negative numbers, like the examples in the comments. I ended up hiding the moon image in MMM-Lunartic, setting display: none; in the css file, but using it to display the (very cool) data about the current phase of the moon and more. I am using mmm-moon-phases to display the image of the moon. This ends up with the proper “tightness” for the moon image. (Again, this is just one person’s aesthetic change.) Thanks for making both the module, the MMM-Lunartic.js and .css files so accessible. It’s been super fun tweaking the display.

            Mykle1M 1 Reply Last reply Reply Quote 1
            • Mykle1M Offline
              Mykle1 Project Sponsor Module Developer @jcasman
              last edited by

              @jcasman

              Excellent! Are you going to take a picture/screenshot so I can see the end result?

              Create a working config
              How to add modules

              jcasmanJ 1 Reply Last reply Reply Quote 0
              • jcasmanJ Offline
                jcasman @Mykle1
                last edited by jcasman

                @Mykle1 Here you go!

                0_1553993867763_Using MMM-Lunartic.png

                Mykle1M L 2 Replies Last reply Reply Quote 2
                • Mykle1M Offline
                  Mykle1 Project Sponsor Module Developer @jcasman
                  last edited by

                  @jcasman

                  Well done. :thumbsup:

                  Create a working config
                  How to add modules

                  jcasmanJ 1 Reply Last reply Reply Quote 0
                  • jcasmanJ Offline
                    jcasman @Mykle1
                    last edited by

                    @Mykle1 Thanks for all the work on MMM-Lunartic and providing it to the community. Really fun.

                    1 Reply Last reply Reply Quote 0
                    • bheplerB Offline
                      bhepler Module Developer
                      last edited by

                      Good looking mirror! Well done, sir.

                      jcasmanJ 1 Reply Last reply Reply Quote 0
                      • jcasmanJ Offline
                        jcasman @bhepler
                        last edited by

                        @bhepler Hey, thanks! :-)

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