button-card icon indicating copy to clipboard operation
button-card copied to clipboard

Styles Card Height 100% not working

Open StevenBrs opened this issue 6 months ago • 14 comments

Checklist

  • [x] I updated the card to the latest version available
  • [o] I cleared the cache of my browser —> IOS companion app

Describe the bug Since update to HA 2024.7.4 the card height property 100% isn’t working anymore inside a grid.

Version of the card Version: v4.1.2

To Reproduce This is the configuration I used:

type: grid
square: true
columns: 3
cards:
  …
  - type: custom-button
    show_name: true
    show_icon: true
    entity: binary_sensor.xxx
    name: Status
    show_state: false
    styles:
      card:
        - height: 100%
    state:
      - value: 'on'
        icon: mdi:check-circle
        styles:
          icon:
            - color: green
      - value: 'off'
        icon: mdi:cancel
        styles:
          icon:
            - color: red

Screenshots image

Expected behavior image

Smartphone (please complete the following information):

  • Device: iPhone13 mini
  • OS: 17.5.1
  • Browser: HA companion app
  • Version: 2024.730

Additional context

  • also in safari on IOS
  • I always update HA in docker the first day of the month, to the highest minor version of the month before.
  • Maybe the structure of the grid card in HA changed ?

StevenBrs avatar Aug 01 '24 23:08 StevenBrs