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

layer definition: here MMM-Globe overlaps left panel

Scheduled Pinned Locked Moved Solved Troubleshooting
25 Posts 7 Posters 18.0k Views 7 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
    schlachtkreuzer6
    last edited by Feb 4, 2017, 3:59 PM

    not working for me too

    1 Reply Last reply Reply Quote 0
    • S Offline
      strawberry 3.141 Project Sponsor Module Developer @Niggich
      last edited by Feb 4, 2017, 4:06 PM

      @Niggich @schlachtkreuzer6

      can you test

      .MMM-Globe {
      z-index: 2;
      position: relative;
      }
      

      if this is not working i will download the module and debug it myself

      Please create a github issue if you need help, so I can keep track

      S N 2 Replies Last reply Feb 4, 2017, 4:15 PM Reply Quote 0
      • S Offline
        schlachtkreuzer6 @strawberry 3.141
        last edited by Feb 4, 2017, 4:15 PM

        @strawberry-3.141 thats my custom.css:

        /*****************************************************
         * Magic Mirror                                      *
         * Custom CSS                                        *
         *                                                   *
         * By Michael Teeuw http://michaelteeuw.nl           *
         * MIT Licensed.                                     *
         *                                                   *
         * Add any custom CSS below.                         *
         * Changes to this files will be ignored by GIT. *
         *****************************************************/
        
        body {
          margin: 20px;
          position: absolute;
          height: calc(100% - 40px);
          width: calc(100% - 40px);
          background: #000;
          color: #aaa;
          font-family: "Roboto Condensed", sans-serif;
          font-weight: 400;
          font-size: 2em;
          line-height: 1.5em;
          -webkit-font-smoothing: antialiased;
        }
        
        .brightb {
        color: #55acee;
        }
        .currentweather .wi-sunrise {
        color: #ffd700;
        }
        .currentweather .wi-sunset {
        color: #ffa500;
        }
        .currentweather .wi-day-sunny {
        color: #ffff00;
        }
        .currentweather .wi-night-showers {
        color: #55acee;
        }
        .currentweather .wi-degrees {
        color: #415;
        }
        .currentweather .wi-rain {
        color: #55acee;
        }
        .currentweather .wi-showers {
        color: #55acee;
        }
        .currentweather .wi-night-showers {
        color: #55acee;
        }
        .currentweather .wi-night-alt-cloudy-windy {
        color: #aaa;
        }
        .currentweather .wi-night-cloudy {
        color: #aaa;
        }
        .currentweather .wi-cloudy {
        color: #aaa;
        }
        .currentweather .wi-day-cloudy {
        color: #aaa;
        }
        .currentweather .wi-cloudy {
        color: #aaa;
        }
        .currentweather .wi-cloudy-windy {
        color: #aaa;
        }
        .currentweather .wi-showers {
        color: #55acee;
        }
        .currentweather .wi-thunderstorm {
        color: #ff00ff;
        }
        .currentweather .wi-snow {
        color: #fff;
        }
        .currentweather .wi-fog {
        color: #999;
        }
        .currentweather .wi-night-clear {
        color: #fff;
        }
        .currentweather .wi-night-rain {
        color: #55acee;
        }
        .currentweather .wi-night-thunderstorm {
        color: #ff00ff;
        }
        .currentweather .wi-night-snow {
        color: #fff;
        }
        
        .weatherforecast .wi-sunrise {
        color: #ffd700;
        }
        .weatherforecast .wi-sunset {
        color: #ffa500;
        }
        .weatherforecast .wi-day-sunny {
        color: #ffff00;
        }
        .weatherforecast .wi-night-showers {
        color: #55acee;
        }
        .weatherforecast .wi-degrees {
        color: #415;
        }
        .weatherforecast .wi-rain {
        color: #55acee;
        }
        .weatherforecast .wi-showers {
        color: #55acee;
        }
        .weatherforecast .wi-night-showers {
        color: #55acee;
        }
        .weatherforecast .wi-night-alt-cloudy-windy {
        color: #aaa;
        }
        .weatherforecast .wi-night-cloudy {
        color: #aaa;
        }
        .weatherforecast .wi-cloudy {
        color: #aaa;
        }
        .weatherforecast .wi-day-cloudy {
        color: #aaa;
        }
        .weatherforecast .wi-cloudy {
        color: #aaa;
        }
        .weatherforecast .wi-cloudy-windy {
        color: #aaa;
        }
        .weatherforecast .wi-showers {
        color: #55acee;
        }
        .weatherforecast .wi-thunderstorm {
        color: #ff00ff;
        }
        .weatherforecast .wi-snow {
        color: #fff;
        }
        .weatherforecast .wi-fog {
        color: #999;
        }
        .weatherforecast .wi-night-clear {
        color: #fff;
        }
        .weatherforecast .wi-night-rain {
        color: #55acee;
        }
        .weatherforecast .wi-night-thunderstorm {
        color: #ff00ff;
        }
        .currentweather .wi-night-snow {
        color: #fff;
        }
        
        .region.fullscreen {
          position: absolute;
          top: -20px;
          left: -20px;
          right: -20px;
          bottom: -20px;
        }
        

        where should i put ?

         .MMM-Globe {
        z-index: 2;
        position: relative;
        }
        

        everywhere I tried it, it´s not working :see_no_evil:

        1 Reply Last reply Reply Quote 0
        • N Offline
          Niggich @strawberry 3.141
          last edited by Feb 4, 2017, 4:48 PM

          @strawberry-3.141

          nope… it’s not working for me…

          S 1 Reply Last reply Feb 4, 2017, 5:00 PM Reply Quote 0
          • S Offline
            strawberry 3.141 Project Sponsor Module Developer @Niggich
            last edited by Feb 4, 2017, 5:00 PM

            @Niggich @schlachtkreuzer6

            for me the following is working

            .region.top.center {
            z-index: -2
            position: absolute;
            }
            

            Please create a github issue if you need help, so I can keep track

            N S 2 Replies Last reply Feb 4, 2017, 5:12 PM Reply Quote 0
            • N Offline
              Niggich @strawberry 3.141
              last edited by Feb 4, 2017, 5:12 PM

              @strawberry-3.141
              yes!! Thats it! I just have to change the region to lower.third…

              Thanks a lot!

              1 Reply Last reply Reply Quote 0
              • D Offline
                Disturbx
                last edited by Feb 12, 2017, 1:00 PM

                This post is deleted!
                1 Reply Last reply Reply Quote 0
                • S Offline
                  schlachtkreuzer6 @strawberry 3.141
                  last edited by Sep 15, 2017, 12:57 PM

                  @strawberry-3.141 @Niggich
                  Hi guys! I crashed my sd card and now this :
                  .region.top.center { z-index: -2 position: absolute; }
                  work anymore!?! If I c+p this in my custom.css the globe disappears!?

                  N 1 Reply Last reply Sep 15, 2017, 1:17 PM Reply Quote 0
                  • N Offline
                    Niggich @schlachtkreuzer6
                    last edited by Sep 15, 2017, 1:17 PM

                    @schlachtkreuzer6 Without this in your custom.css the Globe is working?

                    S 1 Reply Last reply Sep 15, 2017, 1:23 PM Reply Quote 0
                    • S Offline
                      schlachtkreuzer6 @Niggich
                      last edited by Sep 15, 2017, 1:23 PM

                      @Niggich yes

                      N 1 Reply Last reply Sep 15, 2017, 1:41 PM 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