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

Scheduled Pinned Locked Moved Bug Hunt
7 Posts 2 Posters 3.4k 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.
  • B Offline
    broberg Project Sponsor
    last edited by Feb 6, 2017, 2:30 PM

    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 Feb 6, 2017, 6:01 PM

      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
      • B Offline
        broberg Project Sponsor
        last edited by Feb 6, 2017, 6:33 PM

        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 Feb 6, 2017, 7:01 PM

          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

          B 1 Reply Last reply Feb 6, 2017, 7:18 PM Reply Quote 0
          • B Offline
            broberg Project Sponsor @strizl
            last edited by Feb 6, 2017, 7:18 PM

            @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 Feb 7, 2017, 6:12 PM

              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
              1 / 1
              • First post
                6/7
                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