How do I need to modify the card_mod style in case of using the decluttering-card?
I’ve found 2 card_mod examples for the decluttering-card, both are using the following code.
card_mod:
style: '[[STYLE]]'
This would be working fine, but the sense of using the decluttering-card will be lost, because of too many lines left in the card.
Here I found another solution for a bar-card and I’ve tried to transfer this solution to my usecase.
Here is the simplified code with sensor sun.sun to make it run in any environment.
decluttering_templates:
raumcard_overview_template_icon_links:
default:
- ENTITY: sun.sun
- POSITION_LEFT: 4px
- CHIP_ICON_SIZE: 0.6em
card:
type: custom:mod-card
card:
type: custom:mushroom-chips-card
chips:
- type: entity
entity: '[[ENTITY]]'
icon: mdi:[[ICON]]
icon_color: '[[ICON_COLOR]]'
content_info: none
card_mod:
style:
decluttering-card $ mushroom-chips-card $: |
ha-card {
position: absolute;
top: '[[POSITION_TOP]]';
left: '[[POSITION_LEFT]]';
z-index: 1;
--chip-icon-size: '[[CHIP_ICON_SIZE]]';
--chip-border-width: 0;
}
According to the example above, I’ve inserted the line
decluttering-card $ mushroom-chips-card $
to make the card_mod work within decluttering card.
Here the code for the card:
type: custom:decluttering-card
template: raumcard_overview_template_icon_links
variables:
- ENTITY: sun.sun
- ICON: sofa-outline
- ICON_COLOR: orange
- POSITION_TOP: 35px
- POSITION_LEFT: 15px
Please note, that this code is simplified to just show the issue.
The hole code of the card would be more than 500 lines and could be reduced by using the decluttering-card.
What do I need to change to make the card_mod (POSITION_TOP & LEFT) working for this combination?