@wishmaster270 said in Title of two modules in one line:

.MMM-DWD-WarnWeather .wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 320px;
gap: 5px;
}

.MMM-DWD-WarnWeather .warning {
width: 100%;
display: flex;
flex-direction: row;
gap: 10px;
margin-bottom: 0px;
}

.MMM-DWD-WarnWeather .status {
margin-top: 0px;
}

.MMM-DWD-WarnWeather .description {
padding-left: 0px;
margin-left: 0px;
}

.MMM-DWD-WarnWeather .small-icon{
float: unset;
zoom: unset;
-moz-transform: unset;
-moz-transform-origin: unset;
width: 46px;
height: 46px;
position: relative;
}

Hi Tom, this totally worked out and fixed the issue.
Do you have one more hint about shifting the text/icon more to the right?

@sdetweil both are at top_right

Hi guys,

I’m using two modules (MMM-DWD-WarnWeather and the default Calendar Module).
Somehow the titles of both modules are in one line, but the content is undeaneath each other.
What can I do (CSS?) in order to get the title of the calendar Module underneath the content of the MMM-DWD-WarnWeather module?

I’ve tried it with padding-bottom, but it just shifts the MMM-DWD-WarnWeather content further down, the title remains where it is.

Any suggestions?

Hi Guys, I have a dashboard in Grafana which I would like to display on the MagicMirror with MMM-GrafanaChart.
As MMM-GrafanaChart works with PanelIDs with each module array I can only display one panel instead of the whole Dashboard.
So what I would like to achieve with CSS is to have one panel on top-right in the first row and in the second row I would like to have 3 different panels right next side-by-side.

I have tried this solution but it didn’t work at all for me.

Any ideas?

@sdetweil
Well by default the pi bootens up and MagicMirror shows in full screen mode until the screen goes black again after a couple of hours.
But I havent started a browser in full screen mode manually yet.

@sdetweil and @karsten13
I am running the client on a Raspberry Pi. There I do get the electron errors and the screen goes black.
I think it might be in correlation with 2.18.0 of mm or with updating the containers with watchtower?!

@karsten13

docker ps

the status says “Up 3 days”. This is due to Watchtower I think as the container got updated.
When this happens and the screen gets black, I do restart the client which continues to produce black screens.

Here is the output of

docker logs magicmirror

I can only find one starting sequence.

copy default modules to host ...
rm: cannot remove '/opt/magic_mirror/modules/default/compliments': Device or resource busy
copy css files to host ...
chown modules and config folder ...
timezone is Europe/Berlin
start magicmirror

> magicmirror@2.18.0 server
> node ./serveronly

[09.02.2022 07:01.18.543] [LOG]   Starting MagicMirror: v2.18.0
[09.02.2022 07:01.18.547] [LOG]   Loading config ...
[09.02.2022 07:01.18.612] [LOG]   Loading module helpers ...
[09.02.2022 07:01.18.613] [LOG]   No helper found for module: alert.
[09.02.2022 07:01.18.620] [LOG]   Initializing new module helper ...
[09.02.2022 07:01.18.624] [LOG]   Module helper loaded: updatenotification
[09.02.2022 07:01.18.626] [LOG]   No helper found for module: clock.
[09.02.2022 07:01.18.628] [LOG]   No helper found for module: MMM-Traffic.
[09.02.2022 07:01.18.671] [LOG]   Initializing new module helper ...
[09.02.2022 07:01.18.672] [LOG]   Module helper loaded: MMM-RMV
[09.02.2022 07:01.18.797] [LOG]   Initializing new module helper ...
[09.02.2022 07:01.18.797] [LOG]   Module helper loaded: MMM-Tankerkoenig
[09.02.2022 07:01.19.242] [LOG]   Initializing new module helper ...
[09.02.2022 07:01.19.242] [LOG]   Module helper loaded: MMM-Formula1
[09.02.2022 07:01.19.289] [LOG]   Initializing new module helper ...
[09.02.2022 07:01.19.290] [LOG]   Module helper loaded: MMM-soccer
[09.02.2022 07:01.19.312] [LOG]   Initializing new module helper ...
[09.02.2022 07:01.19.313] [LOG]   Module helper loaded: MagicMirror-FootballLeagues
[09.02.2022 07:01.19.314] [LOG]   No helper found for module: weather.
[09.02.2022 07:01.19.314] [LOG]   No helper found for module: MMM-WeatherChart.
[09.02.2022 07:01.19.341] [LOG]   Initializing new module helper ...
[09.02.2022 07:01.19.341] [LOG]   Module helper loaded: MMM-DWD-WarnWeather
[09.02.2022 07:01.19.438] [LOG]   Initializing new module helper ...
[09.02.2022 07:01.19.439] [LOG]   Module helper loaded: calendar
[09.02.2022 07:01.19.439] [LOG]   No helper found for module: MMM-WiFiPassword.
[09.02.2022 07:01.19.440] [LOG]   No helper found for module: compliments.
[09.02.2022 07:01.19.688] [LOG]   Initializing new module helper ...
[09.02.2022 07:01.19.689] [LOG]   Module helper loaded: MMM-NewsAPI
[09.02.2022 07:01.20.305] [LOG]   Initializing new module helper ...
[09.02.2022 07:01.20.306] [LOG]   Module helper loaded: MMM-COVID19-AMPEL
[09.02.2022 07:01.20.306] [LOG]   All module helpers loaded.
[09.02.2022 07:01.20.383] [LOG]   Starting server on port 8080 ...
[09.02.2022 07:01.20.387] [WARN]  You're using a full whitelist configuration to allow for all IPs
[09.02.2022 07:01.20.392] [LOG]   Server started ...
[09.02.2022 07:01.20.393] [LOG]   Connecting socket for: updatenotification
[09.02.2022 07:01.20.394] [LOG]   Starting module helper: updatenotification
[09.02.2022 07:01.20.394] [LOG]   Connecting socket for: MMM-RMV
[09.02.2022 07:01.20.395] [LOG]   node helper: MMM-RMV
[09.02.2022 07:01.20.395] [LOG]   Connecting socket for: MMM-Tankerkoenig
[09.02.2022 07:01.20.396] [LOG]   Starting module helper: MMM-Tankerkoenig
[09.02.2022 07:01.20.396] [LOG]   Connecting socket for: MMM-Formula1
[09.02.2022 07:01.20.396] [LOG]   Starting module: MMM-Formula1
[09.02.2022 07:01.20.397] [LOG]   Connecting socket for: MMM-soccer
[09.02.2022 07:01.20.397] [LOG]   Starting module helper: MMM-soccer
[09.02.2022 07:01.20.398] [LOG]   Connecting socket for: MagicMirror-FootballLeagues
[09.02.2022 07:01.20.398] [LOG]   MagicMirror-FootballLeagues Started...
[09.02.2022 07:01.20.399] [LOG]   Connecting socket for: MMM-DWD-WarnWeather
[09.02.2022 07:01.20.399] [LOG]   MMM-DWD-WarnWeather helper started...
[09.02.2022 07:01.20.400] [LOG]   Connecting socket for: calendar
[09.02.2022 07:01.20.400] [LOG]   Starting node helper for: calendar
[09.02.2022 07:01.20.401] [LOG]   Connecting socket for: MMM-NewsAPI
[09.02.2022 07:01.20.401] [LOG]   Starting node_helper for module: MMM-NewsAPI
[09.02.2022 07:01.20.402] [LOG]   Connecting socket for: MMM-COVID19-AMPEL
[09.02.2022 07:01.20.402] [LOG]   Starting node helper for: MMM-COVID19-AMPEL
[09.02.2022 07:01.20.403] [LOG]   Sockets connected & modules started ...
[09.02.2022 07:01.20.403] [LOG]
Ready to go! Please point your browser to: http://0.0.0.0:8080

In the docker UI “activate automatic restart” is disabled.

@karsten13
OS is Buster
Raspberry Pi 3 Model B Rev 1.2
MagicMirror Version 2.18.0
Running as a client with PM2 on startup.
Connecting to your MagicMirror Docker on a Synology as a server.

Re: Black Screen Of Death After Couple of Hours

Re: Black Screen Of Death After Couple of Hours

I have the same problem. I do get a black screen of death after a couple of hours of flawlessly running the mm.
The logs show the following errors:

Client: [813:0207/081301.113752:ERROR:gpu_process_host.cc(968)] GPU process exited unexpectedly: exit_code=139
Client: [813:0207/081307.156628:ERROR:gpu_process_host.cc(968)] GPU process exited unexpectedly: exit_code=139
Client: [813:0207/081324.670017:ERROR:gpu_process_host.cc(968)] GPU process exited unexpectedly: exit_code=139
Client: [935:0207/081331.151481:ERROR:sandbox_linux.cc(376)] InitializeSandbox() called with multiple threads in process gpu-process.
Client: [935:0208/081622.102905:ERROR:connection.cc(66)] X connection error received.
[935:0208/081622.103292:ERROR:connection.cc(66)] X connection error received.
Client: Gdk-Message: 08:16:22.439: electron: Fatal IO error 11 (Die Ressource ist zur Zeit nicht verfügbar) on X server :0.

Any suggestions?

@sdetweil This is what worked for me:

.MMM-WeatherChart canvas[style] {
	position: absolute;
        right: -35px;
}

@sdetweil There is no image/img Tag at all.
I have a class module-content that covers the whole
module. In that div there is a canvas, that canvas is more narrow in a sence that the red marked area is missing.

@sdetweil thank you for the reply.
I used the Developer-Console but I did not see the img.style.left.

The CSS code provided does
not change the behaviour unfortunately.

Hi, I would like to remove the space on the right hand side (red marked) so that the module sticks to the mirrors border, the same way the weather module does.

I’ve tried a lot with custom.css already but I can’t manage to finally remove it.

The client is a raspberry pi.
192.168.0.23:8036 is reachable without problems.

First try seems to work
I’ve changed to:

ipWhitelist: [],

and

ports: "8036:8080"

I will check that and come back if there is still an issue.

Thank you guys!

I have still not fixed this.

Servers IP: 192.168.0.23 (local Port 8036, container-port: 8080)

On the client I get the following error:

Unable to connect to server: (Error: Unable to read config from server (http://192.168.0.23:8036/config/ (connect ECONNREFUSED 192.168.0.23:8036)

The servers config is set to:

        address: "0.0.0.0",
	port: 8080,
	basePath: "/", 	
	ipWhitelist: ['0.0.0.0/0', '127.0.0.1', '::ffff:127.0.0.1', '::1', '192.168.0.0/24', '172.17.0.0/24'], 

Any ideas why the client wont get the servers config?

@sdetweil hope this is what you asked for:

@sdetweil please find my config.js below:

		{
			module: "MMM-RAIN-MAP",
			position: "top_right",
			config: {
				animationSpeedMs: 400,
			colorScheme: 4,
				colorizeTime: false,
				defaultZoomLevel: 11,
				displayTime: true,
				displayTimeline: true,
				displayClockSymbol: false,
				displayOnlyOnRain: false,
				extraDelayLastFrameMs: 300,
				extraDelayCurrentFrameMs: 3000,
				markers: [
					{ lat: XX.XXX, lng: X.XXX, color: "red" },
				],
				mapPositions: [
					{ lat: XX.XXX, lng: XXXX, zoom: 11, loops: 1 },
				],
				mapUrl: "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png",
			//	mapUrl: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
				mapHeight: "315px", // must be a pixel value (no percent)
				mapWidth: "315px", // must be a pixel value (no percent)
				maxHistoryFrames: 2,
				maxForecastFrames: -1,
				substitudeModules: [],
				updateIntervalInSeconds: 300,
			}
		},

Here are my Screenhots of the development mode:
Rain Map

Calendar

On the Top-Right area I’m using the weather module, underneath that the MMM-RAIN-MAP module and underneath that the calendar module.

Currently (as you can see on the screenshot) the MMM-RAIN-MAP module overlays the calendar module. Above the MMM-RAIN-MAP module you can see the red circled header/title of the calendar module, underneath that you see the rain map and underneath that you see the blackened calendar entries.

The header/title of the calendar module is of course supposed to show up underneath the rain map module.

Any idea about how to fix that?

@mmrize and @sdetweil
Yeah, I’ve seen solutions using a htaccess file and

Access-Control-Allow-Origin: https://amazing.site

as content.

Anyhow, I fixed it now placing the remote file on my server and not a remote web-server.
You can enter the local path and filename as stated here.

That worked for me.

@sdetweil I’m using clientonly so on the client itself, the config wont have any affect, right? Furthermore on the server side there already is set 0.0.0.0