Hey everyone, this one should be easy, but it’s stumping me.

I just installed MMM-Holidaylights for the wife and grandkids. It’s great, but I have a message in my mirror’s header bar that says that there is a module update for this module. Conveniently, this is where the module’s lights are located which defeats the purpose of the module!

I’ve updated my MM with the usual update command of:

git pull && npm install

Everything seems to update fine, but the message for needing to update the module remains.

Any ideas?

A couple of years ago I encountered this and then I went silent and rebuilt my MM. I added this module again as it is a great way of seeing a complete monthly calendar. The problem I have is that for double digit dates (starting with “10”), the second digit (“0”) in the case of “10” is truncated so that I only see a “C” instead of a “0”. All of the double digits are truncated. I’m assuming this is a font issue (but I’m using the default fonts). Does anyone else see this same issue?

@htilburgs ok, I will try again following your procedure exactly and will let you know - thanks!

@Sean Ok, thanks, I’ll give it a try to see.

Does this module work today?

@htilburgs No, I’m afraid not. The “Family” calendar is created using Apple’s “Family Share” iCloud feature and it does not have the same ability to make Public or Private, like other calendars in the Apple Calendar application. What I am having to do is to merge all of the “Family” appointments/events into a new calendar I created (this has to be done by exporting then importing from one to the other calendar) and then getting the URL for that calendar…

I do appreciate all of the help though.

@Sean That looks and ‘sounds’ right. Are you by chance an iCloud calendar user? I could get by with just using my daughter’s calendar if I could find it in the list of calendars, but as shown above in the list of available calendars, hers does not show! I’m flumoxed (sp?) by this fact and don’t even know how to ask the question of an Apple person.

@Sean I am logged in as my daughter into her iCloud account using her ID and password. I would be happy if I could get her actual calendar or the shared calendar as she is the one who really puts in most of the events. But all I see when logged in as her is the following list of calendars:

“Family” (can’t make public or private)
“Husband” (can make public or private)
“Daughter 1” (can make public or private)
“Daughter 2” (can make public or private)

(note that I don’t know how to ‘see’ or access her direct calendar for some reason or I would simply make hers public and grab that URL…

Thanks again.

I’m not an apple user so am unfamiliar with iCloud calendars in general. I have been able to get a public shared iCloud calendar to show events on MM, but I am trying to display the events from a shared calendar called “Family”. However there does not seem to be a way to set the shared calendar to be either public or private (when I click the ‘wifi’ icon to the right of the calendar called “Family”, I get a list of the people the calendar is shared with, not the private/public option). Does this mean you can’t display a shared iCloud calendar with MM?

Thanks in advance for any help.

@bhepler Thanks! That worked.

I am running a new RPi, the latest Raspian Stretch w/ Desktop. I get through to the point of installing dependencies and get a long list of errors. I have googled the heck out of this and the problem appears to have been reported before and related to npm.

Any help appreciated and happy to provide more details if needed.

Not sure how best to describe, but I’m using the news feed module located at the bottom region of my mirror - pretty standard for most people seemingly. My only issue is that if the RSS feed has 2 vs 3 lines of text, the module ‘size/height’ changes which pushes up the two modules I have located above the News module ( I have the 3rd party Calendar module in the lower left region and the stock ticker on the lower right region). I’m trying to figure out which part of the main.css module needs to be changed to fix this…

Help appreciated.

Thanks

I know this is wicked picky, but in this module, a white rectangle is used to highlight the current date on the calendar. I’ve noticed that this rectangle gets ‘cut off’ on the right side of the rectangle when the date is represented by double digit dates (ex. 10-31). I checked out the .js code for the module, but can’t see where this is defined. Any ideas? I think the rectangle simply needs to be extended in width a few pixels…

I know, wicked anal, but I am an engineer after all (just not a good software engineer)…

@broberg Interesting… I didn’t know about

@broberg Thanks, will do so, but I don’t understand how they can not have a defined size??? how does that work? For example, I have calendar (.top.left), Advent (.top.center) and Weather (.top.right)… however, the default sizes of each region/module are not equal thirds… trying to understand this.

@strawberry-3.141 If my questions get to be too frustrating, please feel free to say so and I will stop. So from this thread, how would I know what the right hand border size of a .top.left region was (in other words, how wide is the region)? The code I think from main.css for this is I believe the followingn, but it only defines the top for these regions is 100% of top, what are the width or border dimensions…?

.region.top.right,
.region.top.left,
.region.top.center {
top: 100%;
}

@mochman Thanks, I had/have that link and it is useful. I am trying to understand the way in which main.css defines the regions and how that structure actually works. I’m new to .css and find the code hard to understand. How for example are the horizontal dimensions set for a given region?

Thanks

Can someone explain in basic conceptual terms how the module regions (‘.top., .third., … etc.’) are designed to work? I am trying to understand so I can enlarge or shrink the 4 boundaries for a given region but don’t understand how the .css works in this case.

I suspect that others might find this useful as well and appreciate the time anyone takes to put something together.

Many thanks in advance.

@valid8r I also don’t understand this code for animation and how it works…

.quotes ul:hover { animation-play-state: paused }
.quotes span:hover+ul { animation-play-state: paused }

@valid8r I seem to have figured out at least part of the solution by setting the parameter "

.quotes {
height: 25px;

to

.quotes {
height: 100px;

While this fixes the number of scrolling ‘rows’ of stocks, the animation is still kind of strange…