From 5651a616046b3460500dd5608583cf991270a9c8 Mon Sep 17 00:00:00 2001 From: Zack Arnett Date: Sun, 8 Mar 2020 23:59:40 -0400 Subject: [PATCH] Media Card: Adds `Cursor: Pointer` to Progress Bar (#5091) --- src/panels/lovelace/cards/hui-media-control-card.ts | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/panels/lovelace/cards/hui-media-control-card.ts b/src/panels/lovelace/cards/hui-media-control-card.ts index 4781167890..f41c6198df 100644 --- a/src/panels/lovelace/cards/hui-media-control-card.ts +++ b/src/panels/lovelace/cards/hui-media-control-card.ts @@ -332,8 +332,13 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard { .max="${stateObj.attributes.media_duration}" .value="${getCurrentProgress(stateObj)}" class="progress" - style="--paper-progress-active-color: ${this - ._foregroundColor || "var(--accent-color)"}" + ${styleMap({ + "--paper-progress-active-color": + this._foregroundColor || "var(--accent-color)", + cursor: supportsFeature(stateObj, SUPPORT_SEEK) + ? "pointer" + : "initial", + })} @click=${(e: MouseEvent) => this._handleSeek(e, stateObj)} >