• 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 Module: Multiple Icons.

Scheduled Pinned Locked Moved Troubleshooting
21 Posts 6 Posters 12.2k Views 6 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.
  • R Offline
    Richard238
    last edited by Richard238 Mar 15, 2017, 7:16 PM Mar 15, 2017, 7:14 PM

    Sure, it’s in /home/pi/MagicMirror/css/custom.css

     * Changes to this files will be ignored by GIT. *
     *****************************************************/
    
     body {
     	
     }
    
     
     .fa.fa-calendar-check-o {
      color: #00d2ff; /* Blue */
    }
    
     .fa.fa-trash-o  {
      color: #C97F7F; /* Brown */
    
    J S 2 Replies Last reply Mar 15, 2017, 7:19 PM Reply Quote 1
    • J Offline
      johnnyboy @Richard238
      last edited by johnnyboy Apr 28, 2017, 10:14 PM Mar 15, 2017, 7:19 PM

      This post is deleted!
      1 Reply Last reply Reply Quote 0
      • S Offline
        strawberry 3.141 Project Sponsor Module Developer @Richard238
        last edited by Mar 16, 2017, 4:04 PM

        @Richard238 https://github.com/MichMich/MagicMirror/pull/779

        Please create a github issue if you need help, so I can keep track

        J R 2 Replies Last reply Mar 16, 2017, 9:55 PM Reply Quote 1
        • J Offline
          johnnyboy @strawberry 3.141
          last edited by johnnyboy Apr 28, 2017, 10:13 PM Mar 16, 2017, 9:55 PM

          This post is deleted!
          S 1 Reply Last reply Mar 16, 2017, 10:13 PM Reply Quote 0
          • S Offline
            strawberry 3.141 Project Sponsor Module Developer @johnnyboy
            last edited by strawberry 3.141 Mar 16, 2017, 10:24 PM Mar 16, 2017, 10:13 PM

            @johnnyboy There is a css trick you probably didn’t know about, but will blow your mind :D

            there is only one trash can icon in fontawesome, so how can we use it but colorize it differently for different trash types.

            In germany, at least in my area, paper is blue, plastic is yellow, biowaste is brown and rest is black.

            0_1489702972961_trash.PNG

            this is a working example https://jsfiddle.net/a8p7snpd/4/ you just need some icons that you never will use in the calendar module like car, truck and cab

            Please create a github issue if you need help, so I can keep track

            J 1 Reply Last reply Mar 17, 2017, 10:59 AM Reply Quote 1
            • R Offline
              Richard238 @strawberry 3.141
              last edited by Mar 16, 2017, 10:53 PM

              @strawberry-3.141 What do I do with that, how do I use it?
              Thanks.

              S 1 Reply Last reply Mar 17, 2017, 12:21 AM Reply Quote 0
              • C Offline
                cowboysdude Module Developer
                last edited by Mar 17, 2017, 12:21 AM

                strawberry taught me how to do this he said:
                “there two ways to make a truck to a trash can 1. you take my css 2. you crash the truck into a wall :D”

                1 Reply Last reply Reply Quote 0
                • S Offline
                  strawberry 3.141 Project Sponsor Module Developer @Richard238
                  last edited by Mar 17, 2017, 12:21 AM

                  @Richard238 you have to wait until it gets merged into the code base or you switch to my fork, but i wouldnt recommend that

                  Please create a github issue if you need help, so I can keep track

                  1 Reply Last reply Reply Quote 0
                  • J Offline
                    johnnyboy @strawberry 3.141
                    last edited by johnnyboy Apr 28, 2017, 10:11 PM Mar 17, 2017, 10:59 AM

                    This post is deleted!
                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      strawberry 3.141 Project Sponsor Module Developer
                      last edited by Mar 17, 2017, 5:37 PM

                      changes got merged and can be used in the develop branch or you have to wait until the new version gets deployed

                      alt text

                      Please create a github issue if you need help, so I can keep track

                      M 1 Reply Last reply Mar 17, 2017, 6:06 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      2 / 3
                      • First post
                        13/21
                        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