jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 11:46:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add input field to ha form integer when it has a min and max (#6781)

Browse Source
This commit is contained in:
Bram Kragten 2020-09-03 23:23:10 +02:00 committed by GitHub
parent fd6436d490
commit be8812e0af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ha-form/ha-form-integer.ts
View File

@ -54,7 +54,8 @@ export class HaFormInteger extends LitElement implements HaFormElement {
` `
: ""} : ""}
<ha-paper-slider <ha-paper-slider
pin="" pin
editable
.value=${this._value} .value=${this._value}
.min=${this.schema.valueMin} .min=${this.schema.valueMin}
.max=${this.schema.valueMax} .max=${this.schema.valueMax}
@ -111,6 +112,10 @@ export class HaFormInteger extends LitElement implements HaFormElement {
.flex { .flex {
display: flex; display: flex;
} }
ha-paper-slider {
width: 100%;
margin-right: 16px;
}
`; `;
} }
} }

4
src/components/ha-paper-slider.js
View File

@ -68,6 +68,10 @@ class HaPaperSlider extends PaperSliderClass {
-webkit-transform: scale(1) translate(0, -17px) scaleX(-1) !important; -webkit-transform: scale(1) translate(0, -17px) scaleX(-1) !important;
transform: scale(1) translate(0, -17px) scaleX(-1) !important; transform: scale(1) translate(0, -17px) scaleX(-1) !important;
} }
.slider-input {
width: 54px;
}
`; `;
tpl.content.appendChild(styleEl); tpl.content.appendChild(styleEl);
return tpl; return tpl;