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

Fix icon overlay for person badges (#10201)

Browse Source
This commit is contained in:
Joakim Sørensen
2021-10-09 12:30:51 +02:00
committed by GitHub
parent 6f6fc759cc
commit aaa3964bb3
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/entity/ha-state-label-badge.ts
View File

@@ -73,6 +73,12 @@ export class HaStateLabelBadge extends LitElement {
const value = this._computeValue(domain, entityState);
const icon = this.icon ? this.icon : this._computeIcon(domain, entityState);
const image = this.icon
? ""
: this.image
? this.image
: entityState.attributes.entity_picture_local ||
entityState.attributes.entity_picture;
return html`
<ha-label-badge
@@ -81,12 +87,7 @@ export class HaStateLabelBadge extends LitElement {
"has-unit_of_measurement":
"unit_of_measurement" in entityState.attributes,
})}
.image=${this.icon
? ""
: this.image
? this.image
: entityState.attributes.entity_picture_local ||
entityState.attributes.entity_picture}
.image=${image}
.label=${this._computeLabel(
domain,
entityState,
@@ -94,7 +95,7 @@ export class HaStateLabelBadge extends LitElement {
)}
.description=${this.name ?? computeStateName(entityState)}
>
${icon ? html`<ha-icon .icon=${icon}></ha-icon>` : ""}
${!image && icon ? html`<ha-icon .icon=${icon}></ha-icon>` : ""}
${value && (this.icon || !this.image)
? html`<span class=${value && value.length > 4 ? "big" : ""}
>${value}</span