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.

    Calendar moves right by 5 px every update

    Scheduled Pinned Locked Moved Bug Hunt
    26 Posts 2 Posters 9.7k Views 2 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.
    • E Offline
      emwtur
      last edited by sdetweil

      Since updating to latest MagicMirror my calendar has started shifting right continously

      have not changed anything in configuration since updating

      portion of config.js

      {
                  module: "calendar",
                  header: "Min Kalender",
                  position: "top_left",
                  showLocation: true,
                  maximumEntries: 12,
                  maximumNumberOfDays: 40,
                  wrapEvents: true,
                  config: {
                      colored: true,
                      fade: false,
                      showLocation: false,
                      wrapEvents: false,
                      calendars: [{
      

      all calendars are reading from local .ics files read from other scripts
      (“webcal://127.0.0.1:8080/config/xxx.ics”)

      in html is looks like a

      <span class="fas fa-fw fa-" style="padding-left: 5px;"></span>
      

      is inserted for each update - I have some 25 of them now - there are a few less if I restart mm

      /Per-Eric

      S 2 Replies Last reply Reply Quote 0
      • S Offline
        sdetweil @emwtur
        last edited by sdetweil

        @emwtur can you show any custom.css you might have

        also please use code block around config or log entries

        paste into editor
        select pasted text hit the </> button above the editor

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @emwtur
          last edited by

          @emwtur do you have a custom symbol defined for the calendar urls?

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          E 1 Reply Last reply Reply Quote 0
          • E Offline
            emwtur @sdetweil
            last edited by

            @sdetweil Yes I did - but I have tried without

            Checked the code and it led me to checking symbol settings - tried disabling all kinds of symbols -

            sample cal

                           {
                                name: "Google",
                                symbol: "google",
                                color: "#00F0F0",
                                maximumEntries: 4,
                                url: "webcal://127.0.0.1:8080/config/emwtur-gmail.ics",
                            },
            
            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @emwtur
              last edited by

              @emwtur but did u install custom symbols before?

              the html seems like it is missing the symbol name

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • E Offline
                emwtur
                last edited by

                no custom css’s anywhere…

                Only thing, when I come to think of it - is that I have an old version of another calendar module …
                I’ll uninstall that to check that it’s not causing any problems

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @emwtur
                  last edited by

                  @emwtur there is only one custom.css
                  css/custom.css where all style overrides go

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  E 1 Reply Last reply Reply Quote 0
                  • E Offline
                    emwtur @sdetweil
                    last edited by

                    @sdetweil
                    Sorry if I’m not used to this forum messaging.

                    I have installed MM new - latest and greatest - after new year using the scripts at https://github.com/sdetweil/MagicMirror_scripts

                    your’s I believe :-)
                    I have not modified anything inside MM - only added a few modules - the same I had with my previos version - which was the penultimate release I think.
                    I have not touched any css files - god forbid - I am a backend dev cheating a little in react.js at work css always end up with !important and strange stuff

                    S 1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @emwtur
                      last edited by

                      @emwtur is that cal entry the one with the html?

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      E 1 Reply Last reply Reply Quote 0
                      • E Offline
                        emwtur @sdetweil
                        last edited by

                        @sdetweil No it was another calendar module showing a week view -

                        I was showing the html I get when I browse to the url of the machine showing the magic mirror - should be the same html that is shown on the mirror - I have the same problems in both anyway

                        I have removed the other calendar module and still have the problem

                        /P

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