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 10.6k 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 @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
                  • S Offline
                    sdetweil @emwtur
                    last edited by

                    @emwtur still, the symbol name is not being used

                    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

                      Doing the dirty fix :
                      round line 320 in calendars.js :

                                                  const symbols = this.symbolsForEvent(event);
                                                  symbols.forEach((s, index) => {
                      

                      // const symbol = document.createElement(“span”);
                      // symbol.className = s;
                      // if (index > 0) {
                      // symbol.style.paddingLeft = “5px”;
                      // }
                      // symbolWrapper.appendChild(symbol);
                      });
                      eventWrapper.appendChild(symbolWrapper);

                      removes the issue for me - I assume the calculation goes wrong somehow - I tried to remove my different calendars one by one and it did not affect the “move right” so

                      For today - I’ll leave it at that - can’t tell if it’s parsing the calendar and thinking there are more and more symbols ?

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

                        @emwtur can you show the calendar configs? xxx out the urls

                        there was a fix in the area…

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        E 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