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

Media Card: Fix Style Maps (#5120)

Browse Source 
* Fix style map

* Comments
This commit is contained in:
Zack Arnett 2020-03-11 03:42:34 -04:00 committed by GitHub
parent ff4d5265c5
commit e062940639
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/panels/lovelace/cards/hui-media-control-card.ts
View File

@ -164,7 +164,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
const imageStyle = {
"background-image": `url(${this.hass.hassUrl(this._image)})`,
width: `${this._cardHeight}px`,
"background-color": `${this._backgroundColor}`,
"background-color": this._backgroundColor || "",
};
const gradientStyle = {
@ -190,11 +190,15 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
>
<div
class="color-block"
style=${styleMap({ "background-color": this._backgroundColor! })}
style=${styleMap({
"background-color": this._backgroundColor || "",
})}
></div>
<div
class="no-img"
style=${styleMap({ "background-color": this._backgroundColor! })}
style=${styleMap({
"background-color": this._backgroundColor || "",
})}
></div>
<div class="image" style=${styleMap(imageStyle)}></div>
${hasNoImage
@ -213,7 +217,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
off: isOffState || isUnavailable,
"no-progress": !this._showProgressBar && !this._veryNarrow,
})}"
style=${styleMap({ color: this._foregroundColor! })}
style=${styleMap({ color: this._foregroundColor || "" })}
>
<div class="top-info">
<div class="icon-name">