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

                  @sdetweil
                  it has to do with multiple symbols.
                  looks like the bug can be reproduced using the cal setting from the sample file , just add another symbol and watch it move

                  {
                  		module: "calendar",
                  		header: "US Holidays",
                  		position: "top_left",
                  		config: {
                  			calendars: [
                  				{
                  					fetchInterval: 7 * 24 * 60 * 60 * 1000,
                  					symbol: ["calendar-check","google"]
                  					url: "https://ics.calendarlabs.com/76/mm3137/US_Holidays.ics"
                  				}
                  			]
                  		}
                  	},
                  
                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @emwtur
                    last edited by sdetweil

                    @emwtur great!!! thsnks

                    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

                      Having single symbols is something I can live with - was just confused - it worked before updating…

                      thank YOU for great work with Magic Mirror.
                      regards
                      /Per-Eric

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

                        @emwtur ok, i made the change , so gotta figure out how i screwed that up

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        S 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