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

Calendar moves right by 5 px every update

Scheduled Pinned Locked Moved Bug Hunt
26 Posts 2 Posters 8.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 Jan 3, 2025, 8:33 PM

    @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 Jan 3, 2025, 8:55 PM Reply Quote 0
    • E Offline
      emwtur @sdetweil
      last edited by Jan 3, 2025, 8:55 PM

      @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 Jan 3, 2025, 9:05 PM Reply Quote 0
      • S Offline
        sdetweil @emwtur
        last edited by Jan 3, 2025, 9:05 PM

        @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 Jan 3, 2025, 9:28 PM Reply Quote 0
        • E Offline
          emwtur @sdetweil
          last edited by Jan 3, 2025, 9:28 PM

          @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 Jan 3, 2025, 9:33 PM Reply Quote 0
          • S Offline
            sdetweil @emwtur
            last edited by Jan 3, 2025, 9:33 PM

            @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 Jan 3, 2025, 10:11 PM Reply Quote 0
            • E Offline
              emwtur @sdetweil
              last edited by Jan 3, 2025, 10:11 PM

              @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 Jan 3, 2025, 10:28 PM

                @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 Jan 3, 2025, 10:29 PM Reply Quote 0
                • S Offline
                  sdetweil @emwtur
                  last edited by sdetweil Jan 3, 2025, 10:30 PM Jan 3, 2025, 10:29 PM

                  @emwtur great!!! thsnks

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  E 1 Reply Last reply Jan 3, 2025, 10:46 PM Reply Quote 0
                  • E Offline
                    emwtur @sdetweil
                    last edited by Jan 3, 2025, 10:46 PM

                    @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 Jan 3, 2025, 10:49 PM Reply Quote 0
                    • S Offline
                      sdetweil @emwtur
                      last edited by sdetweil Jan 3, 2025, 10:50 PM Jan 3, 2025, 10:49 PM

                      @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 Jan 4, 2025, 1:57 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      2 / 3
                      • First post
                        11/26
                        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