rodrigofragadf / lovelace-cards

Cards for Lovelace
MIT License
31 stars 12 forks source link

Border radius non functional on entity? #7

Open Mariusthvdb opened 5 years ago

Mariusthvdb commented 5 years ago

HI I am trying to set border radius : 12px on an image on a tile, but it doesn't show. I've tried

border:
  radius: 12px

in the entity config, and also

 --tiles-border-radius: 12px

in the templates for background and style on the entity.

Border does round nicely in the global setting, but as said I also want to round the corners of the image on the tile itself.

this is my tile:


type: custom:tiles-card
card_settings:
  title: Family
  columns: 3
  row_height: 100px
#  padding: 10px

global_settings:
  background:
    image_size: 75px
  border:
    radius: 12px # <<----- works fine

entities:
  - entity: device_tracker.life360_name
    border:
      radius: 12px <<---- doesnt work
    templates:
      background: >
        if (state === 'home' || state === 'not_home') return 'url(\"/local/tiles/family/name_' + state + '.png\"); --tiles-border-radius: 12px';  <<----- radius doesn't work (the rest is perfect)
        return 'url(\"/local/tiles/family/name_' + entities['sensor.name_location_picture'].state + '.png\")';
      style: >
        if (state === 'home') return 'background-color: #008000';
        if (state === 'not_home') return 'background-color: #808080';
        return 'background-color: #643aac';
    more_info: group.name