MMM-CalendarExt

Vauxdvihl

Amazing
Thanks a lot

Vauxdvihl

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

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)

Vauxdvihl

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

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 %
}

Vauxdvihl

@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

A Former User

@Vauxdvihl
for emoji(@em) size, see my last answer.

for FA and MD (default and @fa & @md) sizes are related to my previous answer.

Vauxdvihl

@Sean
It works fine with adding this code to custom css :-)

div.CALEXT .events .symbol.font-awesome {
    font-size: 250%; //Adjust this as your wish. you can use px or %

A Former User

@Vauxdvihl Ye… Maybe that’s another solution. :)

Vauxdvihl

@Sean
Sorry again but i have another question / problem
You can see in my above standing screens that split view => current / upcoming does not work.
But before doing the update it was working.

Here is my config code

		{
				module: 'MMM-CalendarExt',
				position: "lower_third", //anywhere. It is not related to real position of view
				config: { // Read below
				system: {
				  show: ['current','upcoming','daily'],
				  locale: 'de', //when omitted, default value would be your system default locale by moment.js
				  showEmptyView: 0,
				  fullDayEventLocalize: 1,
				  redrawInterval: 30*60*1000, //minimum 60000
				  useProfileConfig: 0,
				  startProfile: ''
				},
				
				 views: {
						current: {
						  position: "top_left",
						  title: "Heute",
						  limit: 3,
						},
						upcoming: {
						  position: "top_left",
						  title: "Demnächst",
						  limit: 3,
						},
						daily: {
						  position: "bottom_bar",
						  title: "Überblick",
						  counts: 7,
						}
					  },