nicolabs/config-editor-card
1
0
Fork 0
mirror of https://github.com/junkfix/config-editor-card.git synced 2026-05-21 11:58:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make Save button sticky bottom

Browse source
This commit is contained in:
htmltiger 2022-01-04 16:50:54 +00:00 committed by GitHub
parent 6721d9c9e6
commit cadf261cf6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
config-editor-card.js
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>
`;
}