Fix Number Selector Label (#13178)

This commit is contained in:
Zack Barett 2022-07-11 20:05:47 -05:00 committed by GitHub
parent a30c8205b1
commit 437723c6a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -4,9 +4,9 @@ import { classMap } from "lit/directives/class-map";
import { fireEvent } from "../../common/dom/fire_event";
import { NumberSelector } from "../../data/selector";
import { HomeAssistant } from "../../types";
import "../ha-input-helper-text";
import "../ha-slider";
import "../ha-textfield";
import "../ha-input-helper-text";
@customElement("ha-selector-number")
export class HaNumberSelector extends LitElement {
@ -30,10 +30,13 @@ export class HaNumberSelector extends LitElement {
const isBox = this.selector.number.mode === "box";
return html`
${this.label ? html`${this.label}${this.required ? " *" : ""}` : ""}
<div class="input">
${!isBox
? html`<ha-slider
? html`
${this.label
? html`${this.label}${this.required ? " *" : ""}`
: ""}
<ha-slider
.min=${this.selector.number.min}
.max=${this.selector.number.max}
.value=${this._value}
@ -44,7 +47,8 @@ export class HaNumberSelector extends LitElement {
ignore-bar-touch
@change=${this._handleSliderChange}
>
</ha-slider>`
</ha-slider>
`
: ""}
<ha-textfield
inputMode="numeric"