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: different spaces between symbol and text when different sources used

    Scheduled Pinned Locked Moved Bug Hunt
    7 Posts 2 Posters 3.5k Views 1 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.
    • brobergB Offline
      broberg Project Sponsor
      last edited by

      I’m wondering, since the lower calender has a “full” title, is it a spacing issue?

      I.e when there is a long title it is force to take up all space and when it’s a short title it gets more space?

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

        Hi broberg!

        100 points!! - great work - you’re absolutly right!
        Thank you!!

        I added an appointment with the same text - pls take a look:
        0_1486403997611_upload-7b23495a-dbd4-4e53-9659-be875ca2b366

        Any idea how I can fix this? Maybe editing a css-File with “alignment-left”?

        Thanks a lot!
        Kind regards,
        Dominik

        1 Reply Last reply Reply Quote 0
        • brobergB Offline
          broberg Project Sponsor
          last edited by

          Try adding

          .calendar .symbol {width: 20px;}
          .calender .time {width: 50px;}
          

          To the custom.css

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

            Do you mean this way?

             body {
             	.calendar .symbol {width: 20px;}
            	.calender .time {width: 50px;}
             }
            

            Sadly it’s not working this way…
            Any other idea?

            Thanks a lot for your time, broberg!!

            Kind regards,
            Dominik

            brobergB 1 Reply Last reply Reply Quote 0
            • brobergB Offline
              broberg Project Sponsor @strizl
              last edited by

              @strizl no, not inside the body {}

              you could try increasing the size to see a more clear effect

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

                Hi broberg!

                Thanks again for your help!

                It’s working now. It was only due to the vnc viewer connection - this caused a space or resolution error. On the TFT screen everything’s fine!
                But good to know where I can play with the CSS options…

                Thanks again and kind regards,
                Dominik

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                • 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