piitaya / lovelace-mushroom

Build a beautiful Home Assistant dashboard easily
Apache License 2.0
3.61k stars 332 forks source link

[Bug]: <Title and headers> #1467

Open SanderH030 opened 3 months ago

SanderH030 commented 3 months ago

Requirements

Current Behavior

It looks like that after an update the layout of the card changed. I was searching for some changes, but couldn't find it.

This is how the card was:

302604433-e9c81180-ff43-4060-bff9-7d57f4294e12

This is how it looks now: Schermafbeelding 2024-07-09 om 12 21 22

Does anyone know how to solve this?

type: custom:vertical-stack-in-card
cards:
  - square: false
    type: grid
    columns: 3
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.woonkamer_tapo_temperatuur_temperature
        primary_info: name
        secondary_info: state
        name: Woonkamer
        icon_color: orange
        icon: ''
        fill_container: true
        icon_type: none
        justify_text: center
        card_mod:
          style: |
            ha-card {
            --card-secondary-color: rgb(241, 157, 56);
            --card-secondary-font-weight: bold;
            position: relative;
            left: 5%;
            top: 4%;
            --card-secondary-font-size: 12.5px; 
            margin-top: 0px; 
            }
      - type: custom:mushroom-entity-card
        entity: sensor.hue_motion_sensor_1_temperature
        primary_info: name
        secondary_info: state
        name: Slaapkamer
        icon_color: blue
        icon_type: none
        justify_text: center
        card_mod:
          style: |
            ha-card {
            --card-secondary-color: rgb(73, 148, 236);
            --card-secondary-font-weight: bold;
            position: relative;
            left: 11%;
            top: 4%;
            --card-secondary-font-size: 12.5px; 
            margin-top: 0px; 
      - type: custom:mushroom-entity-card
        entity: sensor.hal_bewegingssensor_groene_deur_temperature
        primary_info: name
        secondary_info: state
        name: Hal
        icon_color: green
        icon: mdi:thermometer
        icon_type: none
        justify_text: center
        card_mod:
          style: |
            ha-card {
            --card-secondary-color: rgb(103, 173, 91);
            --card-secondary-font-weight: bold;
            position: relative;
            left: 22%;
            top: 4%;
            --card-secondary-font-size: 12.5px; 
            margin-top: 0px;
      - type: custom:mushroom-entity-card
        entity: sensor.bed_sensor_tuya_humidity
        primary_info: none;
        secondary_info: state
        name: Slaapkamer Humidity
        icon_color: blue
        icon_type: none
        justify_text: center
        card_mod:
          style: |
            ha-card {
              --card-secondary-color: rgb(73, 148, 236);
              --card-secondary-font-weight: bold;
              position: relative;
              left: 117.5%;
              top: -70%;
              --card-secondary-font-size: 12.5px; 
              margin-top: 0px;
              background-color: transparent;
            }
  - type: custom:mini-graph-card
    entities:
      - entity: sensor.woonkamer_tapo_temperatuur_temperature
        name: Temperatuur
        color: var(--orange-color)
      - entity: sensor.hue_motion_sensor_1_temperature
        name: Temperatuur
        color: var(--blue-color)
        y_axis: secondary
      - entity: sensor.hal_bewegingssensor_groene_deur_temperature
        name: Temperatuur
        color: var(--green-color)
        y_axis: secondary
    hours_to_show: 24
    line_width: 3
    font_size: 50
    animate: true
    style: |
      ha-card {
        position: relative;
        top: -27px;
      }
    show:
      name: false
      icon: false
      state: false
      legend: false
      fill: fade
style: |
  ha-card {
    width: auto;
    height: 175px;
  }      

Expected Behavior

No response

Steps To Reproduce

No response

Context

YAML state

Environment

- Browser:
- HA Version:
- Mushroom:

Anything else?

No response

SanderH030 commented 2 months ago

@piitaya could you please help with this issue? I have tried a lot and can't fix it myself.

piitaya commented 2 months ago

I can not help you for this issue as I'm not using vertical-stack-in-card and card_mod 😕 May be you can ask the community forum or on the vertical-stack-in-card repository?