• 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.
  • E Offline
    emwtur
    last edited by sdetweil Jan 3, 2025, 7:14 PM Jan 3, 2025, 7:05 PM

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

      @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 Away
        sdetweil @emwtur
        last edited by Jan 3, 2025, 7:15 PM

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

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

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

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

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

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

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

                      @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 Jan 3, 2025, 8:33 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 1 / 3
                      1 / 3
                      • First post
                        3/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