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

Border

Scheduled Pinned Locked Moved Troubleshooting
14 Posts 5 Posters 9.0k 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 Apr 6, 2017, 1:55 AM

    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.

    M 1 Reply Last reply Apr 6, 2017, 2:24 AM Reply Quote 0
    • M Offline
      Mykle1 Project Sponsor Module Developer @scardaddy
      last edited by Mykle1 Apr 6, 2017, 2:26 AM Apr 6, 2017, 2:24 AM

      @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 Apr 6, 2017, 2:27 AM Reply Quote 1
      • S Offline
        scardaddy @Mykle1
        last edited by Apr 6, 2017, 2:27 AM

        @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 Apr 6, 2017, 4:49 AM

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • P Offline
            Peter
            last edited by Feb 26, 2018, 3:49 PM

            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 Feb 26, 2018, 5:29 PM

              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 Feb 26, 2018, 6:29 PM

                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 Feb 28, 2018, 4:32 AM Reply Quote 0
                • N Offline
                  ninjabreadman @Peter
                  last edited by Feb 28, 2018, 4:32 AM

                  @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 Feb 28, 2018, 2:53 PM

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

                    N 1 Reply Last reply Feb 28, 2018, 10:05 PM Reply Quote 0
                    • N Offline
                      ninjabreadman @Peter
                      last edited by Feb 28, 2018, 10:05 PM

                      @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 Mar 1, 2018, 8:27 AM 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