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

Fix more info control assumed state color (#15548)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/dialogs/more-info/components/ha-more-info-toggle.ts
View File

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

17
src/dialogs/more-info/controls/more-info-light.ts
View File

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