jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-02 14:07:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Disabled Style Updates

Browse Source
This commit is contained in:
Zack Arnett 2020-02-13 16:35:16 -05:00
parent 87559c0938
commit f6b10232ec
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -136,6 +136,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
: html` : html`
<paper-icon-button <paper-icon-button
.icon=${"hass:skip-previous"} .icon=${"hass:skip-previous"}
.disabled="${OFF_STATES.includes(stateObj.state)}"
.action=${"media_previous_track"} .action=${"media_previous_track"}
@click=${this._handleClick} @click=${this._handleClick}
></paper-icon-button> ></paper-icon-button>
@ -162,6 +163,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
: html` : html`
<paper-icon-button <paper-icon-button
.icon=${"hass:skip-next"} .icon=${"hass:skip-next"}
.disabled="${OFF_STATES.includes(stateObj.state)}"
.action=${"media_next_track"} .action=${"media_next_track"}
@click=${this._handleClick} @click=${this._handleClick}
></paper-icon-button> ></paper-icon-button>
@ -301,7 +303,6 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
paper-icon-button[disabled] { paper-icon-button[disabled] {
opacity: var(--dark-disabled-opacity); opacity: var(--dark-disabled-opacity);
background-color: rgba(0, 0, 0, var(--dark-disabled-opacity));
} }
.playPauseButton { .playPauseButton {
@ -314,6 +315,10 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
transition: background-color 0.5s; transition: background-color 0.5s;
} }
.playPauseButton[disabled] {
background-color: rgba(0, 0, 0, var(--dark-disabled-opacity));
}
.caption { .caption {
position: absolute; position: absolute;
left: 0; left: 0;