MMM-CalendarExt3

p1lspeda

@sdetweil
We are getting there !
The module - without custom.css settings - already triggers my OCD

sdetweil

@p1lspeda well, that is ‘today’ style… so thats where I would look…

.CX3 .today .cellDate {
  font-weight: bold;
  background-color: white;
  color: black;
  border-radius: 8px;
  padding: 1px 8px;
  margin: 1px;
  line-height: 100%;
}

p1lspeda

@sdetweil
I could narrow it down to cellWeather but I cannot find any css-styles in the module’s *.css :/
This means I am lost as to where to start testing :(

sdetweil

@p1lspeda
they are there…

.CX3 .cellHeader .cellWeather {
  color: white;
  margin: 2px;
  font-size: 100%;
  align-self: center;
}

.CX3 .cellHeader .cellWeather .icon {
  font-size: 100%;
  font-weight: bold;
}

.CX3 .cellHeader .cellWeather .maxTemp {
  color: white;
  font-weight: bold;
  font-size: 90%;
}

.CX3 .cellHeader .cellWeather .minTemp {
  color: darkgray;
  font-weight: normal;
}

.CX3 .cellHeader .cellWeather .temperature {
  display: var(--displayWeatherTemp);
  padding-left: 5px;
  font-size: 90%;
}

.CX3 .cellHeader .cellWeather .maxTemp::before {
  content: " \25b2";
}

.CX3 .cellHeader .cellWeather .minTemp::before {
  content: " \25bc";
}

.CX3 .cellHeader .cellWeather .temperature::after {
  content: "° ";
}

p1lspeda

@sdetweil

I am sorry :(
Might need some new glasses after all

sdetweil

@p1lspeda sometimes the class references are not standalone

.cellWeather

the selector says when the element (in tree) has ALL these classes… then
if no spaces then if THIS element has ALL these classes

p1lspeda

@sdetweil
I managed to figure it out.
Just had to play around with the font-size and now it’s as I like it,
Thanks for your patience.

sdetweil

@p1lspeda awesome

did you use the dev window?

meshuggahn

When using the marque option, is there a way to get the event time to scroll with the title? I played with the marque lines in my custom.css but no luck.

sdetweil

@meshuggahn currently not, as they are two separate elements