Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mods not applied until entity is updated #415

Open
gigatexel opened this issue Nov 28, 2024 · 0 comments
Open

Mods not applied until entity is updated #415

gigatexel opened this issue Nov 28, 2024 · 0 comments

Comments

@gigatexel
Copy link

My Home Assistant version: 2024.11.2
Bug has been present since 2024.8

When a dashboard page is loaded, the 2 cards are not aligned well. the strange thing is that the vertical modifications are ok, but the horizontal ones are not. This worked perfectly fine for a long time, until the update from a few months ago.

image

When the particular entity is updated with a new value, everything is ok:

image

type: custom:stack-in-card
mode: vertical
cards:
  - type: custom:stack-in-card
    mode: horizontal
    card_mod:
      style: |
        ha-card {
          border-width: 0px;
        }
    cards:
      - type: custom:stack-in-card
        card_mod:
          style: |
            ha-card {
              border-width: 0px;
            }
        cards:
          - type: custom:apexcharts-card
            chart_type: radialBar
            series:
              - entity: sensor.sb2_5_1vl_40_836_pv_power_a
                max: 2610
                show:
                  legend_value: false
            apex_config:
              plotOptions:
                radialBar:
                  offsetY: 0
                  startAngle: -108
                  endAngle: 108
                  hollow:
                    size: 85%
                    margin: 0
                  dataLabels:
                    name:
                      show: false
                    value:
                      show: false
                  track:
                    strokeWidth: 50%
                    margin: 0
              legend:
                show: false
              chart:
                height: 180
            card_mod:
              style: |
                ha-card {
                  border-width: 0px;
                }
          - type: custom:mushroom-entity-card
            entity: sensor.sb2_5_1vl_40_836_pv_power_a
            primary_info: state
            secondary_info: name
            name: Vermogen
            icon: mdi:lightning-bolt
            icon_color: "#0BD611"
            layout: vertical
            card_mod:
              style: |
                ha-card {
                  margin-top: -95px;
                  width: 140px;
                  margin-left: auto;
                  margin-right: auto;
                  border-width: 0px;
                }
      - type: custom:stack-in-card
        card_mod:
          style: |
            ha-card {
              border-width: 0px;
            }
        cards:
          - type: custom:apexcharts-card
            chart_type: radialBar
            series:
              - entity: sensor.percentage_zelfconsumptie
                max: 100
                show:
                  legend_value: false
            apex_config:
              plotOptions:
                radialBar:
                  offsetY: 0
                  startAngle: -108
                  endAngle: 108
                  hollow:
                    size: 85%
                    margin: 0
                  dataLabels:
                    name:
                      show: false
                    value:
                      show: false
                  track:
                    strokeWidth: 50%
                    margin: 0
              legend:
                show: false
              chart:
                height: 180
            card_mod:
              style: |
                ha-card {
                  border-width: 0px;
                }
          - type: custom:mushroom-entity-card
            entity: sensor.percentage_zelfconsumptie
            primary_info: state
            secondary_info: name
            name: Zelfconsumptie
            icon: mdi:solar-power-variant-outline
            icon_color: "#0BD611"
            layout: vertical
            card_mod:
              style: |
                ha-card {
                  margin-top: -95px;
                  width: 140px;
                  margin-left: auto;
                  margin-right: auto;
                  border-width: 0px;
                }
  - type: custom:mini-graph-card
    animate: true
    decimals: 0
    hours_to_show: 24
    line_width: 1
    points: false
    points_per_hour: 6
    entities:
      - sensor.sb2_5_1vl_40_836_pv_power_a
    show:
      labels: true
      icon: false
      extrema: false
      average: false
      name: false
      state: false
    color_thresholds:
      - value: 500
        color: "#0099ff"
      - value: 1000
        color: "#4caf50"
      - value: 1500
        color: "#ff9800"
      - value: 2000
        color: "#f44336"
    card_mod:
      style: |
        ha-card {
          border-width: 0px;
        }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant