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.
    • 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
                      • V Offline
                        Vauxdvihl
                        last edited by

                        @Sean
                        Perfect for some symbols
                        But the symbol “trash-o” will be not “re-sized”.
                        I have to look for a symbol in other sources == > “em”…and so on

                        ? 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