MMM-SpinTheWheel - Vinyl roulette for Discogs collections

[Dentrass 0]

@Niggich
Hi. I don’t have a touchscreen myself so it will be difficult for me to modify the module and troubleshoot to get it working. But it’s definitely a cool idea and the module would feel even better in use. If someone else can help you rewrite the module with touchscreen support, it would be great to hear if the result is good. :)

[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