custom-cards / button-card

❇️ Lovelace button-card for home assistant
MIT License
1.83k stars 227 forks source link

Next Card in Sequence Overlapping onto Custom Card #853

Closed Adrian281701 closed 3 weeks ago

Adrian281701 commented 4 weeks ago

Checklist

Describe the bug When using custom buttons the next card in the sequence overlaps/overlays the created custom buttons, preventing use. In the attached image brekdown is as follows: 1) Mushroom slider card 2) Horizontal Stack card, containing 2 custom cards (code below) 3) Standard Lovelace Area Card

Issue occurs both through the browser and the HA companion app on my phone

Version of the card Version: 4.1.2

To Reproduce This is the configuration I used: (for the horizontal stack only, no. 2 from above)

type: horizontal-stack
cards:
  - type: custom:button-card
    color: '#7F00FF'
    color_type: icon
    aspect_ratio: 1/1
    icon: mdi:light-switch
    name: Office Light
    size: 50%
    styles:
      card:
        - height: 100px
        - width: 100px
      name:
        - font-size: 14px
        - color: white
        - padding-bottom: 12px
    entity: script.office_light_contro
    tap_action:
      action: toggle
    state:
      - value: 'off'
        styles:
          icon:
            - color: '#7F00FF'
  - type: custom:button-card
    color: '#7F00FF'
    color_type: icon
    aspect_ratio: 1/1
    icon: mdi:light-switch
    name: Office Light
    size: 50%
    styles:
      card:
        - height: 100px
        - width: 100px
        - left: 105px

Screenshots If applicable, add screenshots to help explain your problem. Screenshot 2024-06-04 180040

Expected behavior i would expect to see the next card in the sequence appear after the custom button card

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context Add any other context about the problem here.

Thanks

Adrian281701 commented 3 weeks ago

Hopefully found the answer through my own research