jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-09 10:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

border-radius fixes for state-badge (#23212)

Browse Source
This commit is contained in:
ildar170975 2024-12-20 17:06:03 +03:00 committed by GitHub
parent 6b230b6142
commit d71b29d089
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 61 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/entity/state-badge.ts
View File

@ -113,7 +113,9 @@ export class StateBadge extends LitElement {
this.icon = true;
if (stateObj && this.overrideImage === undefined) {
if (stateObj) {
const domain = computeDomain(stateObj.entity_id);
if (this.overrideImage === undefined) {
// hide icon if we have entity picture
if (
(stateObj.attributes.entity_picture_local ||
@ -126,17 +128,11 @@ export class StateBadge extends LitElement {
if (this.hass) {
imageUrl = this.hass.hassUrl(imageUrl);
}
const domain = computeDomain(stateObj.entity_id);
if (domain === "camera") {
imageUrl = cameraUrlWithWidthHeight(imageUrl, 80, 80);
}
backgroundImage = `url(${imageUrl})`;
this.icon = false;
if (domain === "update") {
this.style.borderRadius = "0";
} else if (domain === "media_player") {
this.style.borderRadius = "8%";
}
} else if (this.color) {
// Externally provided overriding color wins over state color
iconStyle.color = this.color;
@ -180,6 +176,13 @@ export class StateBadge extends LitElement {
this.icon = false;
}
if (domain === "update") {
this.style.borderRadius = "0";
} else if (domain === "media_player" || domain === "camera") {
this.style.borderRadius = "8%";
}
}
this._iconStyle = iconStyle;
this.style.backgroundImage = backgroundImage;
}