• 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 11.9k 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.
  • J Offline
    johnnyboy @Richard238
    last edited by johnnyboy Apr 28, 2017, 10:16 PM Mar 15, 2017, 4:59 PM

    This post is deleted!
    1 Reply Last reply Reply Quote 0
    • R Offline
      Richard238
      last edited by Mar 15, 2017, 6:17 PM

      I’ve got a coloured trash-o icon against each entry in my binday calendar, but I’d like two, one per bin.

      S J 2 Replies Last reply Mar 15, 2017, 6:41 PM Reply Quote 0
      • S Offline
        strawberry 3.141 Project Sponsor Module Developer @Richard238
        last edited by Mar 15, 2017, 6:41 PM

        @Richard238 in my oppinion there is no easy and clean solution for that without modyfing the code

        in the next update there is at least the possibility to colorize every calendar differently

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

        J 1 Reply Last reply Mar 15, 2017, 7:08 PM Reply Quote 0
        • J Offline
          johnnyboy @strawberry 3.141
          last edited by johnnyboy Apr 28, 2017, 10:15 PM Mar 15, 2017, 7:08 PM

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • J Offline
            johnnyboy @Richard238
            last edited by johnnyboy Apr 28, 2017, 10:15 PM Mar 15, 2017, 7:10 PM

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • 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
                      • 1
                      • 2
                      • 3
                      • 1 / 3
                      1 / 3
                      • First post
                        8/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