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.

    MMM-CalendarExt

    Scheduled Pinned Locked Moved Productivity
    198 Posts 45 Posters 209.9k Views 45 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.
    • Z Offline
      Zooooooom @Guest
      last edited by

      @Sean Beautiful! Exactly what I wanted.

      1 Reply Last reply Reply Quote 0
      • V Offline
        Vauxdvihl
        last edited by

        Great Job
        Thanks a lot

        1 Reply Last reply Reply Quote 0
        • V Offline
          Vauxdvihl
          last edited by

          Hi Sean,
          i have a few more questions

          Please look to my attached screen:

          a.)
          Today is “not viewable” because it is “more or less” complete white
          Any Idea

          b.)
          Is there a chance to increase the size of the symbols (i mean the symbols in front of the date…like the football)

          c.)
          I was wondering that your dates a looking a little bit different
          In your dates you have the information about the timing and the location.
          I have put the same infos in my google calendar but they will not be shown

          Thats a lot

          0_1508478670223_2017-10-20-074338_1680x1050_scrot.png

          ? 2 Replies Last reply Reply Quote 0
          • ? Offline
            A Former User @Vauxdvihl
            last edited by A Former User

            a.)
            Today is “not viewable” because it is “more or less” complete white
            Any Idea

            That is my fault. After some CSS test, my experimental CSS was committed by accident, I thought.
            I’ll fix it ASAP.(after answer of this)

            b.)
            Is there a chance to increase the size of the symbols (i mean the symbols in front of the date…like the football)

            in your css/custom.css
            you can put these;

            div.CALEXT  .event .symbol {
                order:1;
                display:block;
                flex-basis: 30px; // Modify this 
                text-align:center;
                min-width: 30px; // Modify this
                font-size: 150%; // Add this
            }
            

            c.)
            I was wondering that your dates a looking a little bit different
            In your dates you have the information about the timing and the location.
            I have put the same infos in my google calendar but they will not be shown

            Thats a lot

            This is also same with answer of a). Sorry again.

            1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User @Vauxdvihl
              last edited by A Former User

              @Vauxdvihl
              I think I’ve fixed it. pull the source and try again.

              1 Reply Last reply Reply Quote 0
              • V Offline
                Vauxdvihl
                last edited by

                Amazing
                Thanks a lot

                1 Reply Last reply Reply Quote 0
                • V Offline
                  Vauxdvihl
                  last edited by

                  Hi Sean,

                  according to b.)
                  Sorry to asked again.
                  While playing a little bit with the config parameters, i can “only” adjust the size of the area within the symbol is located.
                  But it doesn’t change the size of the symbol itself
                  Thanks a lot

                  ? 1 Reply Last reply Reply Quote 0
                  • ? Offline
                    A Former User @Vauxdvihl
                    last edited by A Former User

                    @Vauxdvihl
                    Did you add this?

                     font-size: 150%; // Add this
                    

                    Give bigger value for that.(And you need to change value of *-width for adjusting)

                    1 Reply Last reply Reply Quote 0
                    • V Offline
                      Vauxdvihl
                      last edited by

                      @Sean
                      I am not a programmer :-)
                      I have played a little bit…also with big values, but the symbol size does not change.
                      Maybe i am doing something wrong?

                      /*****************************************************
                       * Magic Mirror                                      *
                       * Custom CSS                                        *
                       *                                                   *
                       * By Michael Teeuw http://michaelteeuw.nl           *
                       * MIT Licensed.                                     *
                       *                                                   *
                       * Add any custom CSS below.                         *
                       * Changes to this files will be ignored by GIT. *
                       *****************************************************/
                      
                      
                       
                       div.CALEXT  .event .symbol {
                          order:1;
                          display:block;
                          flex-basis: 40px; // Modify this 
                          text-align:center;
                          min-width: 50px; // Modify this
                          font-size: 800%; // Add this
                      }
                       	
                      
                      

                      0_1508489536934_2017-10-20-104019_1680x1050_scrot.png

                      ? 1 Reply Last reply Reply Quote 0
                      • ? Offline
                        A Former User @Vauxdvihl
                        last edited by A Former User

                        @Vauxdvihl
                        Ok. I know what’s the problem. I’ve forgotten emoji belongs different section.
                        put this in your css.

                        div.CALEXT .events .symbol.emoji {
                            font-size: 100%; //Adjust this as your wish. you can use px or %
                        }
                        
                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 19
                        • 20
                        • 2 / 20
                        • 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