MMM-SpinTheWheel - Vinyl roulette for Discogs collections

Niggich

@Dentrass-0 maybe somebody have the know how. I don’t have. It is possible to try the “touch” via VNC?

Dentrass 0

@Niggich It might be an idea that might work.
I’ll take a look at it and see if I can get it working using VNC.
Thank you for coming up with a fun idea.

Niggich

@Dentrass-0 Thank You. I still have another problem. The Font Size changed on other modules when I use your module. I also open an Issue at Github. At the Screenshot it is the calendar and the “an diesem tag”.

Dentrass 0

@Niggich,

Touchscreen support has now been added in version 1.2.0.

The vinyl record on the MagicMirror display can now be pressed, dragged and spun directly using:

a touchscreen
a mouse
a remote mouse connection through VNC

The mobile interface also supports both touch and mouse controls. Its additional artwork and track-list views are still available.

You can update an existing Git installation with:

cd ~/MagicMirror/modules/MMM-SpinTheWheel
git pull
npm install

Niggich

@Dentrass-0 Thanks a lot. I’m on holiday for the moment, but I will try next weekend when I’m back home. regards…

Niggich

Hey @Dentrass-0,

it is working fine, but the font size of the other modules still changes when I activate your module.

Regards

sdetweil

@Niggich sounds like the css is not targeted at this module, but general

.small
Vs
.module_name .small

I didn’t check the module source

Niggich

@sdetweil I don’t know, but at the style css from the module it looks like this.

/* ===== TEXT ===== */
.title{
 font-size:30px;*/
 margin-top:20px;
 font-weight:600;*/
 color:#fff;
 text-shadow:0 0 10px rgba(255,255,255,.4);*/
}

I changed the css like this and everything is fine, but the title from the module is too small…

/* ===== TEXT ===== */
.title{
 /*font-size:30px;*/
 margin-top:20px;
 /*font-weight:600;*/
 color:#fff;
 /*text-shadow:0 0 10px rgba(255,255,255,.4);*/
}

THX

sdetweil

@Niggich make it

. MMM-SpinTheWheel .title {
  Copy rest of old title
}

Or edit the style.css and add
.MMM-SpinTheWheel

In front of each class def -add space after this addition
I submitted a pull request to do this

Niggich

@sdetweil I edited the style.css and add .MMM-SpinTheWheel in front of each class def and it’s working like I want. Maybe @dentrass-0 can fix this for everybody on GitHub.

THX