MMM-CalendarExt3Agenda

[BKeyport]

@MMRIZE Enjoy your vacation! Shouldn’t even be checking in… :)

[MMRIZE]

@BKeyport
Frankly says, I don’t like this kind of style, but your wish. :D

.CX3A .cellBody .fullday .event {
  color: var(--calendarColor);
  background-color: unset;
  max-width: 100%;
}

.CX3A .cellBody .fullday .event .title {
  color: inherit;
  overflow: unset;
  white-space: unset;
  text-overflow: unset;
}

.CX3A::after {
  height: 0;
}

.CX3A .cellBody .fullday .event .headline :not(.title) {
  display: inline-block;
}

.CX3A .cellBody .fullday .event .headline .time {
  display: none;
}

.CX3A .event .time {
  width: 35px; /* adjust for your entire CSS harmony */
  text-align: right;
}

[BKeyport]

@MMRIZE at least you have good taste and follow the bluejays. :P

[MMRIZE]

@BKeyport
title wrapping example

[BKeyport]

@MMRIZE Works great, Thanks!

[BKeyport]

So, here’s my final config in CSS -

* CalendarExtende3 Agenda */
  
.CX3A .event .description {
  display: none;
}

.CX3A .event .headline .symbol.noSymbol::after {
  content: '';
}

.CX3A .cellBody .fullday {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.CX3A .cellBody .fullday .event {
  color: var(--calendarColor);
  background-color: gray;
  max-width: 100%;
  padding: 0px 0px;
}

.CX3A .cellBody .fullday .event .title {
  color: inherit;
  overflow: unset;
  white-space: unset;
  text-overflow: unset;
}

.CX3A .cellBody .fullday .event .headline :not(.title) {
  display: inline-block;
}

.CX3A .cellBody .fullday .event .headline .time {
  display: none;
 }

.CX3A .event .time {
  width: 55px; /* adjust for your entire CSS harmony */ 
  text-align: right;
}

.CX3A .event .location {
  display: none;
}

.CX3A::after {
  height: 0;
}

Results in:

[luisestrada]

@BKeyport said in MMM-CalendarExt3Agenda:

@MMRIZE at least you have good taste and follow the bluejays. :P

I cannot agree more with that :)

[MMRIZE]

Updated

1.1.0 (2022-08-17)

• ADDED : miniMonth calendar
• FIXED : some minor bugs fixes and code refactoring

[BKeyport]

@MMRIZE ya know, I hate that you’re so efficient in getting stuff like this to work natively, without external code.

[MMRIZE]

@BKeyport
:D

I just want to get a similar look with Fantastical App on MagicMirror because I majorly am using that app in my real world. ;)