border-radius fixes for state-badge

[ildar170975]

Breaking change

Proposed change

update & media_player fix:
border-radius now applied even if image is overridden:
this logic

      if (domain === "update") {
        this.style.borderRadius = "0";
      } else if (domain === "media_player" || domain === "camera") {
        this.style.borderRadius = "8%";
      }

was moved to another place to be executed independently on this.overrideImage === undefined.

camera fix:
before:

after:

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[DigiLive]

Since the border-radius is now applied to the element itself, it can't be overridden anymore with the style attribute. E.g. an element at a Picture elements card:

type: state-icon
entity: camera.camera_wk
title: null
style:
  top: 32.71%
  left: 51.52%
  border-radius: 50% # Doesn't work anymore.
  text-align: center
  background-color: rgba(255, 255, 255, 0.3)
tap_action:
  action: more-info

[ildar170975]

it can't be overridden anymore with the style attribute

I will think about a possible customization.
Meanwhile - use card-mod:

  - type: state-icon
    entity: camera.demo_camera
    style:
      top: 32%
      left: 40%
    card_mod:
      style: |
        state-badge {border-radius: 50% !important;}