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: