Hi,
What is the best way to combine an entities card and mushroom light card – I just want a couple things on the dashboard to neaten things up:
type: custom:mushroom-light-card
entity: light.living_room_lights
show_brightness_control: true
primary_info: name
collapsible_controls: true
show_color_control: false
use_light_color: false
layout: horizontal
fill_container: true
icon: mdi:light-recessed
icon_color: yellow
type: entities
entities:
- entity: switch.front_entry_way_front_door_lights
icon: mdi:outdoor-lamp
state_color: true
I played with vertical stack in card using code someone graciously gave me on forums and while I thought I got close it still looked like two separate cards
not sure what else you can do apart from something like this, remove the entity icon swap the toggle to neaten it up a little
type: custom:stack-in-card
cards:
- type: vertical-stack
cards:
- type: custom:mushroom-light-card
card_mod:
style: |
ha-card {
border: none ;
}
entity: light.bar_2
show_brightness_control: true
primary_info: name
collapsible_controls: true
show_color_control: false
use_light_color: false
layout: horizontal
fill_container: true
icon: mdi:light-recessed
icon_color: yellow
- type: entities
card_mod:
style: |
ha-card {
border: none ;
margin: -20px 0px 0px 0px ;
}
entities:
- entity: switch.bridge_light
card_mod:
style:
hui-generic-entity-row $: |
state-badge {
display: none;
}
.: |
hui-generic-entity-row {
flex-direction: row-reverse !important;
}
icon: mdi:outdoor-lamp
state_color: true
works perfectly – only thing I am noticing and its not a big deal deal is the icon is not set to mdi:outdoor-lamp. Beyond that it looks good. thank you.
Frosty
May 20, 2024, 10:11pm
4
you can remove the part in card mod that hides the icon so your left with just this.
card_mod:
style: |
hui-generic-entity-row {
flex-direction: row-reverse !important;
}
or remove it altogether.