iantrich / config-template-card

📝 Templatable Lovelace Configurations
MIT License
434 stars 56 forks source link

element style no longer work in 1.3.6 #86

Closed smonesi closed 1 year ago

smonesi commented 2 years ago

Checklist:

Release with the issue:

1.3.6

Last working release (if known):

1.3.5

Browser and Operating System:

Chrome on Mac OS X

Description of problem:

The style inside an element is no longer properly applied.

Sample code:

type: picture-elements
image: >-
  http://hs.sbcounty.gov/CN/Photo%20Gallery/_t/Sample%20Picture%20-%20Koala_jpg.jpg?Mobile=0
elements:
  - type: custom:config-template-card
    entities:
      - time.time
    element:
      type: image
      image: >-
        http://hs.sbcounty.gov/CN/Photo%20Gallery/_t/Sample%20Picture%20-%20Koala_jpg.jpg?Mobile=0
      style:
        background-color: white
        border-radius: 100%
        box-shadow: 0px 0px 0px 2px rgba(255,255,255,1)
    style:
      display: flex
      top: 30%
      left: 30%
      width: 100px

1.3.5:

Screenshot 2021-10-06 at 23 59 49

1.3.6:

Screenshot 2021-10-07 at 00 00 41

Javascript errors shown in the web inspector (if applicable):

Additional information:

ildar170975 commented 1 year ago

In this particular case the style option should be provided for the config-template-card only, not for the inner card. https://www.home-assistant.io/dashboards/picture-elements/#custom-elements