MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. allebone
    3. Topics
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    A
    Offline
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 6
    • Groups 0

    Topics

    • A

      Help with a Proof of Concept

      Watching Ignoring Scheduled Pinned Locked Moved General Discussion
      6
      0 Votes
      6 Posts
      1k Views
      S
      @allebone yes, run unique docker instances for each person. Port 8080 for Sue 8081 for Bob 8082 for Ted Etc. The internal mm config is the same, port 8080. Just different modules and config for each.
    • A

      Full Screen CSS

      Watching Ignoring Scheduled Pinned Locked Moved Custom CSS
      6
      0 Votes
      6 Posts
      8k Views
      ?
      @sdetweil Of course, there are many tricks to display something to specific region. .fullscreen.below is the lowest layer of region system of MM. its position is already absolute and fit for screen size. If you put some module here, it will be displayed like background. .fullscreen.above is the highest layer. If you put some module here, it will cover the lower region layer. And, modifying CSS is safer and easier option than hardcoded in the module itself. Therefore there is “custom.css” for customization. The main reason you are confused might be this; In main.css body { margin: 60px; position: absolute; height: calc(100% - 120px); width: calc(100% - 120px); It gives 60px margin for the entire screen. So YOUR_FULLSCREEN module couldn’t cover the WHOLE_SCREEN_YOU_THOUGHT. But I recommend you leave it. Because, some ppl needs those margin for their mirror edge. Who don’t need that margin will modify his custom.css for using fullscreen without margin by himself. I think you’d better to research some BACKGROUND-IMAGE modules to get a hint to use full screen CSS. I believe it’s enough to put your module with 100% width/height into .fullscreen.below or .fullscreen.above to display your module as full screen size.
    • 1 / 1