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.

    Getting MMM-CalendarExt3Agenda to show more than 10 days out

    Scheduled Pinned Locked Moved Solved Troubleshooting
    12 Posts 2 Posters 1.5k 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 @smegbadger
      last edited by

      @smegbadger you also need to do a new
      npm run install-mm

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • S Offline
        smegbadger
        last edited by

        Hi

        I ran npm run install-mm in the docker container as the above commands and rebooted. The agenda is still truncated

        Steve

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

          @smegbadger AND restarted the container??

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • S Offline
            smegbadger
            last edited by

            Hi

            I’ve discovered the CSS for the agenda module has a hard height limit

            .CX3A .agenda {
              max-height: 600px;
            }
            

            increasing that to 1325px fills the screen height . I can’t tell if that was the problem all along as the patch is in place now!

            overriding the font and width as follows has given me the size of agenda I wanted.

            .CX3A {
              font-size: 30px; 
              max-width: 600px;
            }
            .CX3A .event .headline.useSymbol .symbol {
              font-size: 25px; 
            }
            

            many thanks for your help

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

              @smegbadger awesome!!

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • S sdetweil has marked this topic as solved on
              • 1
              • 2
              • 2 / 2
              • 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