Disabled Style Updates

This commit is contained in:
Zack Arnett 2020-02-13 16:35:16 -05:00
parent 87559c0938
commit f6b10232ec

View File

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