Hi All,
Been trying to solve this for days but haven been able to, hopefully someone else here is able to assist. I’ve used rhysb’s combo Mushroom Mini-Media-Player card here:
However, when I tried to substitute the mini-media-player card at the bottom with a notify-card (to avoid the music stopping when broadcasting a message); the artwork no longer covers the whole background, specifically the top mushroom media player card - tried many ways to edit the code but it just doesn’t work like rhyb’s example above, anyone has any ideas why?
Appreciate your kind advice.
Here is my edited code:
type: custom:stack-in-card
cards:
- type: custom:mushroom-media-player-card
entity: media_player.spotify_minnieme
name: Spotify
icon: mdi:spotify
use_media_artwork: true
fill_container: true
use_media_info: true
show_volume_level: true
media_controls:
- previous
- play_pause_stop
- next
collapsible_controls: true
tap_action:
action: toggle
card_mod:
style: |
ha-card {
padding-bottom: 0px !important;
}
- entity: media_player.google_speakers
hide:
icon: true
name: true
runtime: true
source: true
power: true
state_label: true
volume: true
info: true
progress: true
controls: true
more_info: false
type: custom:notify-card
target: google_assistant_sdk
label: message
toggle_power: false
group: true
card_mod:
style: |
ha-card {
font: 12px !important;
padding: -10px -18px -28px !important;
}
card_mod:
style: |
ha-card {
{% if not is_state('media_player.spotify_minnieme', 'standby') %}
background: rgba(var(--rgb-card-background-color), 0.5) url( '{{ state_attr( "media_player.spotify_minnieme", "entity_picture" ) }}' ) center no-repeat;
background-size: cover;
background-blend-mode: overlay;
{% endif %}
}