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.
    • 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
                  • E Offline
                    emwtur @sdetweil
                    last edited by

                    @sdetweil
                    I’ll reinstall some stuff and try to remove all calendars I had and only use the one from the sample config and see how that goes.
                    Should point to something being wrong with my .ics files ( or how they are parsed, if it works
                    /P

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

                      @emwtur the fix was when there were multiple symbols

                      symbol:[x,y,z]

                      in the calendar specification

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

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

                        @sdetweil
                        Yes I had multiple but tried to remove all of them - didn’t help.

                        Anyway having ONLY the cal from config.js.sample looks to work - having restored calendar.js to original

                        1 Reply Last reply 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