Calendar Module: Multiple Icons.

johnnyboy

This post is deleted!

Richard238

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

strawberry 3.141

@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

johnnyboy

This post is deleted!

johnnyboy

This post is deleted!

Richard238

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 */

johnnyboy

This post is deleted!

strawberry 3.141

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

johnnyboy

This post is deleted!

strawberry 3.141

@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.

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