Merge pull request #6 from htmltiger/htmltiger-patch-1

Make Save button sticky bottom
This commit is contained in:
htmltiger 2022-01-04 16:51:23 +00:00 committed by GitHub
commit f85f77a1e9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,4 +1,4 @@
console.info("Config Editor 1.3");
console.info("Config Editor 1.4");
const LitElement = window.LitElement || Object.getPrototypeOf(customElements.get("hui-masonry-view") );
const html = LitElement.prototype.html;
@ -29,6 +29,8 @@ render() {
}
return html`
<ha-card>
<ha-code-editor id="code" mode="yaml" @value-changed=${this.updateText}></ha-code-editor>
<div style="position: -webkit-sticky; position: sticky; bottom: 0; z-index:2; background: var( --ha-card-background, var(--card-background-color, white) )">
<code>#${this.infoLine}</code>
<div>
<button @click="${this.List}">Get List</button>
@ -37,7 +39,7 @@ render() {
</select>
<button @click="${this.Save}">Save</button>
</div>
<ha-code-editor id="code" mode="yaml" @value-changed=${this.updateText}></ha-code-editor>
</div>
</ha-card>
`;
}