MMM-CalendarExt

[Frek]

Hi. In weeks view with event time displayed, is there a way to remove the starting time and ending time on full day events?

[A Former User]

@frek
Add this into your css/custom.css;

.CALEXT .tableStyle .eventTime {
display: none;
}

[Frek]

@sean
Thx for the reply.
I already have this in my css to display time, that I want:

div.CALEXT .tableStyle .eventTime {
display:block;
font-weight:normal;
font-size:70%;
}

But I was wondering if on full day events its possible to only show title, not the time

[A Former User]

@frek

div.CALEXT .tableStyle .fulldayevent .eventTime {
  display:none;
}

Try this.

[Frek]

@sean
tried adding i to my custom.css and no change. my .css looks like:

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

 body {
  margin: 10px;
  height: calc(100% - 20px);
  width: calc(100% - 20px);	
 }
 div.CALEXT .tableStyle .fulldayevent .eventTime {
  display:none;
 }
 div.CALEXT .tableStyle .eventTime {
  display:block;
  font-weight:normal;
  font-size:70%;
 }
 .CALEXT .tableStyle td.slot {
  max-height:200px;
  height:200px;
 }
 .CALEXT .tableStyle {
  margin:0;
  max-width: 100%;
 }

[A Former User]

@frek said in MMM-CalendarExt:

div.CALEXT .tableStyle .fulldayevent .eventTime {
display:none;
}
div.CALEXT .tableStyle .eventTime {
display:block;
font-weight:normal;
font-size:70%;
}
.CALEXT .tableStyle td.slot {
max-height:200px;
height:200px;
}
.CALEXT .tableStyle {
margin:0;
max-width: 100%;
}

I tested with your CSS but it works as expectation.

[Frek]

@sean ah suck… my test calendar didnt have a full day event… just a long normal event. Google calandar tricked me by showing me it as a fullday event in their app…No wonder why it didnt work… thx for the help =)

[goalie2k]

Is it possible to make the event time display on the SAME line as the event title?

[A Former User]

@goalie2k
Of course possible by adjusting CSS
Add this into your css/custom.css

.CALEXT .event .eventContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}


.CALEXT .eventTime {
  order: 2;
  width: 30%;
}

.CALEXT .eventContent {
  order: 1;
  width: 70%;
}

It will show like this.

[goalie2k]

@Sean said in MMM-CalendarExt:

order: 2;
width: 30%;

YOU ROCK! Thank you!