• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

MMM-Spotify

Scheduled Pinned Locked Moved Entertainment
242 Posts 50 Posters 177.2k Views 53 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C Offline
    Cr4z33 @ejay-ibm
    last edited by Cr4z33 Apr 1, 2019, 8:04 AM Apr 1, 2019, 8:03 AM

    @ejay-ibm lol for my mirror and thanks for the suggestion. :smiling_face_with_open_mouth_closed_eyes:

    @icripps please note that to be able to use Raspotify a Spotify Premium account is MANDATORY. ;)

    1 Reply Last reply Reply Quote 0
    • I Offline
      icripps
      last edited by Apr 2, 2019, 1:28 PM

      Okay thank you. Will manage what I have for now

      1 Reply Last reply Reply Quote 0
      • B Offline
        bolish
        last edited by Apr 5, 2019, 12:36 PM

        Hi guys,
        Do you know which parameter to play with into the custom.css to get the module smaller in size? (it’s taking to much place on my screen).
        Thx

        ? 1 Reply Last reply Apr 5, 2019, 12:43 PM Reply Quote 0
        • ? Offline
          A Former User @bolish
          last edited by Apr 5, 2019, 12:43 PM

          @bolish
          Is style: "mini" still too big? It has only around 360px X 120px.
          Unfortunately, there is no single magic keypoint to modify simply.
          See MMM-Spotify.css and redefine values on your css/custom.css

          1 Reply Last reply Reply Quote 0
          • B Offline
            bolish
            last edited by Apr 5, 2019, 12:46 PM

            @sean thanks for feedback.
            I liked the default view, but wanted it to be a little bit smaller.

            I was a bit lost into the .css but I will try to play around with it and see what happens.

            Good idea would have been to have a single entry to modify ( like in %) so that user could adjust itself but I believe it’s very personal need, it’s maybe not worth to implement into the module.

            ? 1 Reply Last reply Apr 5, 2019, 12:59 PM Reply Quote 0
            • ? Offline
              A Former User @bolish
              last edited by A Former User Apr 5, 2019, 1:00 PM Apr 5, 2019, 12:59 PM

              @bolish
              Add this into your css/custom.css.

              :root {
                --sp-width: 300px;
              }
              #SPOTIFY {
               width: var(--sp-width);
              }
              #SPOTIFY_INFO {
                width: calc(var(--sp-width) - 20px);
              }
              #SPOTIFY_INFO .text {
                width: calc(var(--sp-width) - 70px);
              }
              #SPOTIFY_COVER {
                width: calc(var(--sp-width) - 40px);
                height: calc(var(--sp-width) - 40px);
              }
              

              --sp-width:300px is magic point. adjust it as your wish. I think 200px is the minimal value possible.

              1 Reply Last reply Reply Quote 0
              • B Offline
                bolish
                last edited by Apr 5, 2019, 5:06 PM

                @sean, thanks I will try in the evening

                1 Reply Last reply Reply Quote 0
                • B Offline
                  bolish
                  last edited by Apr 6, 2019, 7:35 AM

                  @Sean Works great. Tx

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    mmmmh Project Sponsor
                    last edited by Apr 8, 2019, 6:19 PM

                    Another awesome module, thank you!

                    The displayed album cover goes dim when there is no playback which is nice. Would it be possible to add an option to completely hide the module when there is no playback?

                    ? 1 Reply Last reply Apr 8, 2019, 7:35 PM Reply Quote 0
                    • ? Offline
                      A Former User @mmmmh
                      last edited by Apr 8, 2019, 7:35 PM

                      @mmmmh
                      Add this into your css/custom.css

                      #SPOTIFY.pausing {
                      display:none;
                      }

                      M C 2 Replies Last reply Apr 9, 2019, 6:10 AM Reply Quote 1
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 7
                      • 24
                      • 25
                      • 5 / 25
                      5 / 25
                      • First post
                        49/242
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy