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.

    Border

    Scheduled Pinned Locked Moved Troubleshooting
    14 Posts 5 Posters 8.7k Views 5 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
      scardaddy
      last edited by

      Hello,

      Old user new to post. I just updated my mirror from a while back and the border outlining is now far too big. Maybe I missed something, but the OS still has the correct resolution, but the difference is about 5-%10% around the whole screen. I am not talking about over/underscan I am speaking about the Magic Mirror software specifically. I searched around the form looking for a way to remove the border but have not been successful. So I figured it was an update and there might be no way to remove it. I appreciate any help in advance.

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

        @scardaddy

        Perhaps this in the custom.css file:

        body {
          margin: 20px; 
          height: calc(100% - 40px);
          width: calc(100% - 40px);
        }
        

        It doesn’t remove the border. It gives you a 20px border. You can play with the values to your liking

        Create a working config
        How to add modules

        S 2 Replies Last reply Reply Quote 1
        • S Offline
          scardaddy @Mykle1
          last edited by

          @Mykle1 Ah thank you, I appreciate the help and the suggestion.

          1 Reply Last reply Reply Quote 0
          • S Offline
            scardaddy @Mykle1
            last edited by

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • P Offline
              Peter
              last edited by

              I have a strange problem and cannot find the solution.
              In the first picture you see the right borders are good.
              In the module MovieListings there is one movie with a longer text and when it occurs on the MM, the border of NOAA also changes (second picture).
              Can any body help me wit this?
              Peter
              0_1519660100658_Optimized-20180225_231239.jpg
              0_1519660134634_Optimized-20180226_162552.jpg

              1 Reply Last reply Reply Quote 0
              • D Offline
                doubleT Module Developer
                last edited by

                Looks like it’s divided in two parts with 50% 50% each but a set max-height for the image. So when the container is widened by the headline, the two areas get wider aswell.
                You can check the width in the developer tools and set it as max-width or width in custom.css

                1 Reply Last reply Reply Quote 0
                • P Offline
                  Peter
                  last edited by

                  I have no idea how to change the settings.
                  All the modules on the right side are in the right_top region.
                  All modules are positioned well untill the movie with the long title apears.
                  If somebody has a solution; please explain me how to fix it.
                  Peter

                  N 1 Reply Last reply Reply Quote 0
                  • N Offline
                    ninjabreadman @Peter
                    last edited by

                    @Peter Suggest you try this to limit the width of the MMM-MovieListings module:

                    .module.MMM-MovieListings {
                      max-width: 400px; /* adjust as needed */
                    }
                    

                    You said it’s a long title, but isn’t the title “Every Day”? Is it the movie tagline stretching the
                    module? I think you could target it with something like this:

                    .module.MMM-MovieListings div div:nth-child(2) {
                      white-space: normal; /* why is it not wrapping? strange */
                      word-wrap: normal; /* break the text to a new line */
                    }
                    

                    There are no classes, so I’m just eyeballing something based on the markup generated here.

                    Problem with config or JavaScript? Copy/paste it into JSHint.
                    Check out the detailed walkthroughs on install, config, modules, etc.

                    1 Reply Last reply Reply Quote 0
                    • P Offline
                      Peter
                      last edited by

                      Thank you for your help!
                      Unfortunately it did not work.
                      Peter

                      N 1 Reply Last reply Reply Quote 0
                      • N Offline
                        ninjabreadman @Peter
                        last edited by

                        @Peter can you share your MMM-MovieListings config? I’ll try to replicate the issue.

                        If you start MM with npm start dev, you can use the DOM inspector to see Inspect the MMM-MovieListings module (or just press Ctrl+Alt+I). What classes does the module have? Can you see your CSS being applied?

                        Problem with config or JavaScript? Copy/paste it into JSHint.
                        Check out the detailed walkthroughs on install, config, modules, etc.

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