Hallo liebe Mitglieder,
ich bastle gerade an meinem ersten Dashboard und habe nach Anleitung und mit Hilfe einer Vorlage zwei Räume dargestellt, in denen sich die Chips abhängig vom Status verändern. Tobias Lerch hatte mich auf die Mushroom Cards (hier stack-in-Card) aufmerksam gemacht.
Wie ihr im Bild seht habe ich unten eine feine weiße Linie, die sich einmal komplett durch die Chips zieht. Könnt ihr mir vielleicht helfen, diese zu entfernen? Ich stehe da ziemlich auf dem Schlauch. Schöne Grüße Christoph
type: custom:stack-in-card
cards:
- type: custom:mushroom-template-card
primary: Küche
secondary: "{{states('sensor.tempsensor_woku_temperature')}} °C"
icon: mdi:countertop-outline
entity: null
tap_action:
action: navigate
navigation_path: kuche
hold_action:
action: none
navigation_path: kuche
icon_color: "{{ '#264e70' if is_state(entity, 'on') else 'disabled' }}"
fill_container: true
layout: horizontal
multiline_secondary: false
card_mod:
style: |
:host([dark-mode]) {
background: rgba(var(--rgb-primary-background-color), 0);
}
:host {
background: rgba(var(--rgb-primary-text-color), 0.0);
--mush-icon-size: 96px;
}
ha-card {
margin-left: -25px !important;
margin-top: -25px !important;
height: 102px;
}
- type: custom:mushroom-chips-card
chips:
- type: template
entity: light.kuchenlicht
icon: |-
{% if is_state(entity, 'on') %}
mdi:lightbulb-on
{% else %}
mdi:lightbulb-off
{% endif %}
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% else %}
#6f6f6f
{% endif %}
- type: template
entity: light.kuchenspots
icon: |-
{% if is_state(entity, 'on') %}
mdi:lightbulb-spot
{% else %}
mdi:lightbulb-spot-off
{% endif %}
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% else %}
#6f6f6f
{% endif %}
- type: template
entity: cover.hm_lc_bl1pbu_fm_meq1105977
icon: |-
{% if is_state(entity, 'open') %}
mdi:window-shutter-open
{% else %}
mdi:window-shutter
{% endif %}
icon_color: |-
{% if is_state(entity, 'open') %}
yellow
{% else %}
purple
{% endif %}
- type: template
entity: binary_sensor.kuchenfenster_contact
tap_action:
action: null
icon: |-
{% if is_state(entity, 'open') %}
mdi:window-open-variant
{% else %}
mdi:window-closed-variant
{% endif %}
icon_color: |-
{% if is_state(entity, 'open') %}
yellow
{% else %}
purple
{% endif %}
card_mod:
style: |
ha-card {
{{ 'animation: beat 1.3s ease-out infinite both;' if is_state('media_player.sonos_move', 'playing') }}
transform-origin: 50% 60%;
}
@keyframes beat {
0% { transform: scale(1); }
10% { transform: scale(1.1); }
17% { transform: scale(1.05); }
33% { transform: scale(1.25); }
60% { transform: scale(1); }
}
- type: null
conditions:
- entity: binary_sensor.fenster_buro
state: "on"
chip:
type: template
icon_color: red
icon: mdi:window-open-variant
alignment: end
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0;
margin-top: -30px !important;
}
card_mod:
style: |
ha-card {
{% if is_state('switch.zigbeepowerstrip_l4', 'on') %}
background: rgba(232,232,232,0.1);
{% endif %}
}
