mini-media-player icon indicating copy to clipboard operation
mini-media-player copied to clipboard

Hide shortcut button borders

Open TheRealLouCipher opened this issue 4 years ago • 2 comments

I've made the background for the buttons transparent as i'm using pictures for my buttons but the borders of the buttons is still visible. Is it possible to hide the border of the shortcut buttons? Screenshot 2020-05-21 at 09 08 47

TheRealLouCipher avatar May 21 '20 07:05 TheRealLouCipher

Just as well I searched before adding my feature request:

Would it be possible to add a theme option to disable the shortcut buttons box shadow to match with flat themes?

tomlut avatar Jul 25 '20 07:07 tomlut

The "border" you are referring to is actually the CSS box-shadow. To achieve the look you want, you could use card_mod to remove background and box-shadow:

type: custom:mini-media-player
// ...
shortcuts:
  buttons:
    // ...
card_mod:
  style:
    mmp-shortcuts$: >
      .mmp-shortcuts__button {
        background: none; /* removes background */
        box-shadow: none; /* removes shadow */
      }

Which will look like this: image

To add to this, I don't think that a change to mini-media-player is necessary since every user will want different looks which can already be achieved by using card-mod as shown above.

stnokott avatar Jun 21 '21 11:06 stnokott