Hello everyone,
I have a card with a vertical stack and mushroom template cards and chip cards where I can’t get rid of the borders.
Can you please help me with this?
type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
primary: Wohnzimmer
secondary: '{{ states(''sensor.fritz_dect_440_wohnzimmer_temperatur'')}} °C'
icon: mdi:sofa
tap_action:
action: navigate
navigation_path: mobile_wohnzimmer
hold_action:
action: toggle
icon_color: ''
fill_container: true
layout: horizontal
multiline_secondary: false
card_mod: null
style: |
ha-card {
border: none !important;
}
- type: custom:mushroom-chips-card
chips:
- type: conditional
conditions:
- entity: climate.daikin_wohnzimmer
state_not: 'off'
- entity: climate.daikin_wohnzimmer
state_not: unavailable
chip:
type: template
entity: climate.daikin_wohnzimmer
icon: |-
{% if is_state(entity, 'heat_cool') %}
mdi:sync
{% elif is_state(entity, 'heat') %}
mdi:fire
{% elif is_state(entity, 'cool') %}
mdi:snowflake
{% elif is_state(entity, 'dry') %}
mdi:water-percent
{% elif is_state(entity, 'fan_only') %}
mdi:fan
{% else %}
mdi:air-conditioner
{% endif %}
card_mod:
style: |
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
ha-card {
{% if is_state('climate.daikin_wohnzimmer', 'fan_only') %}
animation: rotation 2s linear infinite;
{% endif %}
border: none !important; # Ränder für diesen Chip entfernen
}
- type: conditional
conditions:
- entity: binary_sensor.fenstersensor_wohnzimmer_rechts
state: 'on'
chip:
type: template
icon: mdi:window-open-variant
content: L
- type: conditional
conditions:
- entity: binary_sensor.fenstersensor_wohnzimmer_links
state: 'on'
chip:
type: template
icon: mdi:window-open-variant
content: R
- type: conditional
conditions:
- entity: binary_sensor.fenstersensor_dachfenster_wohnzimmer
state: 'on'
chip:
type: template
icon: mdi:window-open
content: DF
alignment: end
style: |
ha-card {
--chip-border-width: 0 !important; # Ränder für Chips entfernen
--chip-box-shadow: none !important; # Schatten entfernen
--chip-background: transparent; # Hintergrund transparent
--chip-spacing: 0 !important; # Abstand auf null setzen
--chip-height: 40px; # Höhe anpassen
margin-top: 15px;
margin-right: 5px;
border: none !important; # Ränder entfernen
}
card_mod:
style: |
ha-card {
border: none !important; # Ränder für die gesamte Karte entfernen
}
- type: horizontal-stack
cards:
- type: custom:mushroom-chips-card
alignment: end
style: |
ha-card {
--chip-border-width: 0; # Ränder entfernen
--chip-box-shadow: none; # Schatten entfernen
--chip-background: transparent; # Hintergrund transparent
--chip-spacing: 0; # Abstand auf null setzen
--chip-height: 40px; # Höhe anpassen
margin-top: 0px;
margin-right: 0px;
border: none !important; # Ränder entfernen
}
chips:
- type: template
content: Esstisch
icon: mdi:lightbulb
entity: light.lichtschalter_wz_oben
icon_color: |-
{% if is_state('light.lichtschalter_wz_oben', 'on') %}
yellow
{% else %}
disabled
{% endif %}
tap_action:
action: toggle
hold_action:
action: navigate
navigation_path: mobile_wohnzimmer
- type: template
content: WZ
icon: mdi:lightbulb
entity: light.lichtschalter_wz_unten
icon_color: |-
{% if is_state('light.lichtschalter_wz_unten', 'on') %}
yellow
{% else %}
disabled
{% endif %}
tap_action:
action: toggle
hold_action:
action: toggle
- type: template
content: WZ
icon: mdi:floor-lamp
entity: >-
light.ikea_of_sweden_tradfri_bulb_e27_ws_opal_1000lm_c72fe8fe_level_light_color_on_off
icon_color: >-
{% if
is_state('light.ikea_of_sweden_tradfri_bulb_e27_ws_opal_1000lm_c72fe8fe_level_light_color_on_off',
'on') %}
yellow
{% else %}
disabled
{% endif %}
tap_action:
action: toggle
hold_action:
action: navigate
navigation_path: mobile_wohnzimmer
- type: conditional
conditions:
- entity: media_player.fernseher_wohnzimmer
state: 'on'
chip:
type: template
content: Fernseher
icon: mdi:television
entity: media_player.fernseher_wohnzimmer
icon_color: |-
{% if is_state('media_player.fernseher_wohnzimmer', 'on') %}
green
{% else %}
disabled
{% endif %}
tap_action:
action: toggle
hold_action:
action: navigate
navigation_path: mobile_wohnzimmer