Read the statement by Michael Teeuw here.
Different order in center after Upgrade to 2.32
-
@sdetweil ahh, I had that feeling it could be me…
But I didn’t change anything css-related, as I don’t know css. I have two MM with different setup, only the cams are the same and the problem is with both.
The upgrade was as always: git pull and npm run install-mm -
@falter ok, if you had used my upgrade script we would have a log to examine
can you show the 1st hundred or so message for MagicMirror startup
if you are using the default calendar, note that our logging messages include the gull url, so blank them or make them unusable from the log messages
-
another thing is to open the developer window elements tab, and capture the html so we can look at it.
see the second link in my signature below
once you located the html content for the module,
tight click and copythen paste somewhere, send to me, same userid at gmail
-
@sdetweil thank you very much for taking the time!
For the logs, do I have to change the loglevel? There is not much in mm-out.log, or where do I have to look?Here is the content of the container from dev-window:
<div class="container"><div id="module_0_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"><header class="module-header" style="display: none;">undefined</header><div class="module-content"><video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video></div></div><div id="module_1_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"><header class="module-header" style="display: none;">undefined</header><div class="module-content"><video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video></div></div><div id="module_2_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"><header class="module-header" style="display: block;">Nordseite</header><div class="module-content"><video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video></div></div><div id="module_3_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"><header class="module-header" style="display: block;">Terrasse</header><div class="module-content"><video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video></div></div><div id="module_4_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"><header class="module-header" style="display: block;">Garten</header><div class="module-content"><video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video></div></div><div id="module_5_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"><header class="module-header" style="display: block;">Südseite</header><div class="module-content"><video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video></div></div></div>
-
@falter out.log was where
here is formatted html
<div class="container"> <div id="module_0_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"> <header class="module-header" style="display: none;">undefined</header> <div class="module-content"> <video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video> </div> </div> <div id="module_1_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"> <header class="module-header" style="display: none;">undefined</header> <div class="module-content"> <video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video> </div> </div> <div id="module_2_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"> <header class="module-header" style="display: block;">Nordseite</header> <div class="module-content"> <video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video> </div> </div> <div id="module_3_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"> <header class="module-header" style="display: block;">Terrasse</header> <div class="module-content"> <video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video> </div> </div> <div id="module_4_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"> <header class="module-header" style="display: block;">Garten</header> <div class="module-content"> <video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video> </div> </div> <div id="module_5_MMM-RTSPtoWeb" class="module MMM-RTSPtoWeb MMM-RTSPtoWeb" style="order: 0;"> <header class="module-header" style="display: block;">Südseite</header> <div class="module-content"> <video class="rtw-video" autoplay="" playsinline="" style="max-width: 100%;"></video> </div> </div> </div>
so you have 6 instances of module, which will be stacked vertically by default.
I see some change was made to container, now in main.css where is wasn’t before…
I think this is a side effect to the “order” config option…I don’t know how to fix it at the moment… I am busy most of the day
-
ok, what do you mean with change now in main.css, container and order config? Was it me? I have this running for years and it could be, some time ago, I script-kiddie’d something in main.css, but I think this would be overwritten by the update?
Any hint where I could look? -
just to let you know, I got it, now I copied the old main.css over the recent one and it’s working as before.
Diff says:242,254d241 < < /** < * Container Definitions. < */ < < .region .container { < display: flex; < flex-direction: column; < } < < .region .container.hidden { < display: none; < }
so, this is a bug then?
-
@falter not you
if you look in main.css
container is defined
it was not in prior release
so i think it defaulted todisplay:block;
now its defined as
display:flex; flex-direction:column;
-
@falter not a bug, side effect
will examine later
-
is there anything I could put in custom.css for future updates?
This does not work:.region .container { display: block; }