Fix more info control assumed state color (#15548)

This commit is contained in:
Paul Bottein 2023-02-22 16:59:01 +01:00 committed by GitHub
parent 2bd6d9d202
commit 91493e109e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 89 additions and 94 deletions

View File

@ -145,12 +145,12 @@ export class HaMoreInfoToggle extends LitElement {
ha-control-button {
flex: 1;
width: 100%;
--button-bar-border-radius: 18px;
--control-button-border-radius: 18px;
}
ha-control-button.active {
--button-bar-icon-color: white;
--button-bar-background-color: var(--color);
--button-bar-background-opacity: 1;
--control-button-icon-color: white;
--control-button-background-color: var(--color);
--control-button-background-opacity: 1;
}
ha-control-button:not(:last-child) {
margin-bottom: 6px;

View File

@ -91,9 +91,7 @@ class MoreInfoLight extends LitElement {
.stateObj=${this.stateObj}
.stateOverride=${stateOverride}
></ha-more-info-state-header>
</ha-more-info-light-toggle>
${
supportsBrightness
${supportsBrightness
? html`
<ha-more-info-light-brightness
.stateObj=${this.stateObj}
@ -109,10 +107,8 @@ class MoreInfoLight extends LitElement {
.iconPathOn=${mdiLightbulb}
.iconPathOff=${mdiLightbulbOff}
></ha-more-info-toggle>
`
}
${
supportsColorTemp ||
`}
${supportsColorTemp ||
supportsColor ||
supportsEffects ||
supportsBrightness
@ -175,8 +171,8 @@ class MoreInfoLight extends LitElement {
(effect: string) => html`
<mwc-list-item
.value=${effect}
.activated=${this.stateObj!.attributes
.effect === effect}
.activated=${this.stateObj!.attributes.effect ===
effect}
>
${effect}
</mwc-list-item>
@ -187,8 +183,7 @@ class MoreInfoLight extends LitElement {
: null}
</div>
`
: null
}
: null}
<ha-attributes
.hass=${this.hass}
.stateObj=${this.stateObj}