jcwillox / lovelace-canary

🐤 Adds many useful extensions to lovelace, such as templating secondary info, stacking within a card and more!
MIT License
97 stars 4 forks source link

Chrome compatibility on card background #58

Open sephrioth opened 3 months ago

sephrioth commented 3 months ago

The problem

The cards background(with opacity) overlaps each other on Chrome (macOS 14.2.1), but display correctly in Safari.

I tried to use no_card method, but it doesn't work properly(error be like: Key 'entities.0.type' is not expected or not supported ).

Chrome:

image

Safari:

image

What version of Canary has the issue?

0.4.0

What version of Home Assistant are you running?

2024.5.3

What version of the Frontend are you running?

20240501.1

Example YAML snippet

cards:
  - type: glance
    entities:
      - entity: sensor.kitchen_temperature
        secondary_info: last-changed
      - entity: sensor.kitchen_humidity
        secondary_info: last-changed
      - entity: binary_sensor.kitchen_waterleak
        secondary_info: last-changed
      - entity: sensor.kitchen_cooker_status
        secondary_info: last-changed
    columns: 4
  - type: entities
    entities:
      - entity: binary_sensor.kitchen_motion_sensor
        secondary_info: last-changed
      - entity: light.kitchen_lights
        secondary_info: last-changed
      - entity: select.kitchen_cooker_mode
    show_header_toggle: false
title: 🍳 Kitchen
type: vertical-stack
in_card: true

Anything in the logs that might be useful for us?

No response

Additional information

No response