Skip to content

Stack In card Cannot be reduced in new version 2024.3 experimental dashboard #67

@platini76

Description

@platini76

Checklist:

  • I updated to the latest version available
  • I cleared the cache of my browser

Release with the issue:

**Last working release (if known):2023.2

Browser and Operating System:

Description of problem:
I try to reproduce the old masonry layout as in picture:
Screenshot 2024-03-07 alle 19 15 21

but I see that card is now extended to all line and cannot be reduced as previously

Screenshot 2024-03-07 alle 19 16 30

Javascript errors shown in the web inspector (if applicable):


Additional information:

my code if someone can help me:

`type: custom:stack-in-card
cards:

  • type: custom:mushroom-template-card
    primary: Serratura Ingresso
    secondary: |-
    {% if is_state('lock.serratura_ingresso','unlocked')%}
    Aperta
    {% else %}
    Chiusa
    {% endif%}
    icon: |-
    {% if is_state('lock.serratura_ingresso','unlocked') %}
    mdi:lock-open
    {% else %}
    mdi:lock
    {% endif%}
    layout: horizontal
    icon_color: |-
    {% if is_state('lock.serratura_ingresso','locked') %}
    red
    {% else %}
    green
    {% endif%}
    badge_icon: >
    {% set battery_level = (states(entity) | int / 10) | round(0) | int * 10
    %}

    {% if battery_level == 100 %}
    mdi:battery
    {% elif battery_level > 0 %}
    mdi:battery-{{ battery_level }}
    {% else %}
    mdi:battery-alert-variant-outline
    {% endif %}
    badge_color: |-
    {% set battery_level = states(entity) | int %}
    {% if battery_level > 90 %}
    green
    {% elif battery_level > 60 %}
    light-green
    {% elif battery_level > 50 %}
    lime
    {% elif battery_level > 40 %}
    yellow
    {% elif battery_level > 30 %}
    amber
    {% elif battery_level > 20 %}
    orange
    {% elif battery_level > 10 %}
    deep-orange
    {% else %}
    red
    {% endif %}
    tap_action:
    action: more-info
    entity: sensor.serratura_ingresso_battery_level
    card_mod:
    style: |
    ha-card {
    border: none;
    margin-bottom: -6px;
    }

  • type: custom:mushroom-lock-card
    entity: lock.serratura_ingresso
    name: Serratura Ingresso
    primary_info: none
    secondary_info: none
    icon_type: none
    layout: vertical
    card_mod:
    style: |
    ha-card {
    border: none;
    margin-top: -6px;
    }
    `

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions