search

Fabrizz / MMM-OnSpotify

Highly customizable MM2 module that displays what you are listening to in Spotify. Compatible with MMM-LiveLyrics and DynamicTheming.
MIT License
62 stars 10 forks source link

Highly Configurable/Customizable #65

Closed greedyvegan closed 5 months ago

greedyvegan commented 5 months ago

can I change the height & width of the album art/cover? (or the module overall?) I have a module I want to hide while spotify is playing so when its not playing the other module is visible.

Screenshot 2024-04-16 at 8 11 39 PM

I want to cover the entire module with the spotify module. Do I make changes in the magicmirror/modules/MMM-OnSpotify/css/custom.css or magicmirror/css/custom.css?

Fabrizz commented 5 months ago

You should make changes to magicmirror/css/custom.css as they don't get overwritten. You can change the module size using

magicmirror/css/custom.css

/* MMM-OnSpotify | Change sizes */
.MMM-OnSpotify.module {
    /* Size is calculated based on font-size */
    font-size: 24px !important; /* or 20px, 18px, etc*/
}

You can use CSS :has :is to select stuff from other sibllings (change newsfeed to your module name or how its namedin the css) (If the chromium browser version older than 2022, it maybe does not have :has:is support)

magicmirror/css/custom.css

/* MMM-OnSpotify | Opacity of third party based on state */
.region:has(.ONSP-Custom .playing) :is(.module.newsfeed) {
  opacity: 0 !important;
}
.module.newsfeed {
  transition: opacity 500ms;
  opacity: 1 !important;
}

https://github.com/Fabrizz/MMM-OnSpotify/assets/65259076/9cccf071-1603-43b1-83f7-e471f0db6b6d

greedyvegan commented 5 months ago

thank you very much