Prevent not needed <hr> in more-info-light (#9080)

This commit is contained in:
Philip Allgaier 2021-05-04 14:18:02 +02:00 committed by GitHub
parent 1ff5bf0fd5
commit 344b11a204
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -126,7 +126,6 @@ class MoreInfoLight extends LitElement {
@change=${this._ctSliderChanged} @change=${this._ctSliderChanged}
pin pin
></ha-labeled-slider> ></ha-labeled-slider>
<hr></hr>
` `
: ""} : ""}
${supportsColor && (!supportsTemp || this._mode === "color") ${supportsColor && (!supportsTemp || this._mode === "color")
@ -147,72 +146,66 @@ class MoreInfoLight extends LitElement {
class="segmentationButton" class="segmentationButton"
></ha-icon-button> ></ha-icon-button>
</div> </div>
${ ${supportsRgbw || supportsRgbww
supportsRgbw || supportsRgbww ? html`<ha-labeled-slider
? html`<ha-labeled-slider .caption=${this.hass.localize(
"ui.card.light.color_brightness"
)}
icon="hass:brightness-7"
max="100"
.value=${this._colorBrightnessSliderValue ?? 100}
@change=${this._colorBrightnessSliderChanged}
pin
></ha-labeled-slider>`
: ""}
${supportsRgbw
? html`
<ha-labeled-slider
.caption=${this.hass.localize( .caption=${this.hass.localize(
"ui.card.light.color_brightness" "ui.card.light.white_value"
)} )}
icon="hass:brightness-7" icon="hass:file-word-box"
max="100" max="100"
.value=${this._colorBrightnessSliderValue ?? 100} .name=${"wv"}
@change=${this._colorBrightnessSliderChanged} .value=${this._wvSliderValue}
@change=${this._wvSliderChanged}
pin pin
></ha-labeled-slider>` ></ha-labeled-slider>
: "" `
} : ""}
${ ${supportsRgbww
supportsRgbw ? html`
? html` <ha-labeled-slider
<ha-labeled-slider .caption=${this.hass.localize(
.caption=${this.hass.localize( "ui.card.light.cold_white_value"
"ui.card.light.white_value" )}
)} icon="hass:file-word-box-outline"
icon="hass:file-word-box" max="100"
max="100" .name=${"cw"}
.name=${"wv"} .value=${this._cwSliderValue}
.value=${this._wvSliderValue} @change=${this._wvSliderChanged}
@change=${this._wvSliderChanged} pin
pin ></ha-labeled-slider>
></ha-labeled-slider> <ha-labeled-slider
` .caption=${this.hass.localize(
: "" "ui.card.light.warm_white_value"
} )}
${ icon="hass:file-word-box"
supportsRgbww max="100"
? html` .name=${"ww"}
<ha-labeled-slider .value=${this._wwSliderValue}
.caption=${this.hass.localize( @change=${this._wvSliderChanged}
"ui.card.light.cold_white_value" pin
)} ></ha-labeled-slider>
icon="hass:file-word-box-outline" `
max="100" : ""}
.name=${"cw"}
.value=${this._cwSliderValue}
@change=${this._wvSliderChanged}
pin
></ha-labeled-slider>
<ha-labeled-slider
.caption=${this.hass.localize(
"ui.card.light.warm_white_value"
)}
icon="hass:file-word-box"
max="100"
.name=${"ww"}
.value=${this._wwSliderValue}
@change=${this._wvSliderChanged}
pin
></ha-labeled-slider>
`
: ""
}
<hr></hr>
` `
: ""} : ""}
${supportsFeature(this.stateObj, SUPPORT_EFFECT) && ${supportsFeature(this.stateObj, SUPPORT_EFFECT) &&
this.stateObj!.attributes.effect_list?.length this.stateObj!.attributes.effect_list?.length
? html` ? html`
<hr></hr>
<ha-paper-dropdown-menu <ha-paper-dropdown-menu
.label=${this.hass.localize("ui.card.light.effect")} .label=${this.hass.localize("ui.card.light.effect")}
> >