I have been working on setting up a magic mirror for my household, and I love the look of this module. Overall it’s been great and I have almost all the options I could need especially with some reasonable CSS editing.
I was finding that there was this persistent “fade” at the bottom of the agenda view
I read this thread which seemed to discuss how to remove the fade at the bottom with CSS targeting .CX3A::after. However, after trying all of those custom.css mods listed in the next few posts I wasn’t able to get that darn fade to go away.
In the end I added the following to my custom.css (assisted by ChatGPT) which produced the desired output in the attached screenshot:
.CX3A .agenda {
mask-image: none !important;
-webkit-mask-image: none !important;
}
It looks like this is counteracting these lines in the MMM-CalendarExt3Agenda.css file:
.CX3A .agenda {
position: relative;
max-height: 600px;
overflow-y: hidden;
mask-image: linear-gradient(to bottom, transparent, black 10%);
-webkit-mask-image: -webkit-linear-gradient(90deg, transparent, black 10%);
}
I don’t think I’m quite at the level where I’d attempt to make a pull request to add a parameter to the config for this, but I wonder if you agree that it might be worth putting on the roadmap? I also wanted to get this in the forum in case someone else needs it later.
Thanks for all your work on this module!
