Increase size of overlay for Monitor Brightness? about mm-remote HOT 3 CLOSED

You're welcome :)

Changing the monitor brightness was not implemented by me, it is part of the separate module MMM-Remote-Control, I'm just using their API endpoint. You need to ask there if you want this to be changed, sorry.

from mm-remote.

Thanks. I figured this one out.
From the MMM-Remote-Control folder, I copied the css in remote-control.css file and placed in the custom.css file. I changed the height to 120% and added margin-top: -50px; and this fixed it.

In addition, the Remote Control brightness overlay was preventing all touch capabilities on screen for any brightness <50, so I changed "z-index: 2;" to "z-index: 1;"

Adjusting the z-index in the custom.css also needs to be done for MMM-AmbientBrightnessDetection or any other overlay module, in order to access touch controls.

#remote-control-overlay {
position: fixed;
z-index: 1;
background-color: rgba(0,0,0,0.1);
width: 100%;
height: 120%;
margin-top: -50px;
}

from mm-remote.

Thanks for sharing, this works great. I will add it to the Troubleshooting section of the wiki. 👍

I don't know if it is depending on the screen size, but I needed to do the same for width and margin-left.

from mm-remote.