jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-29 12:16:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix styling of raw config save button (#2752)

Browse Source
This commit is contained in:
Bram Kragten 2019-02-14 21:22:23 +01:00 committed by Paulus Schoutsen
parent 4d5087bd8d
commit 3f6bbffcd6
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/panels/lovelace/hui-editor.ts
View File

@ -53,14 +53,16 @@ class LovelaceFullConfigEditor extends LitElement {
@click="${this._closeEditor}" @click="${this._closeEditor}"
></paper-icon-button> ></paper-icon-button>
<div main-title>Edit Config</div> <div main-title>Edit Config</div>
<mwc-button raised @click="${this._handleSave}">Save</mwc-button> <mwc-button raised @click="${this._handleSave}"
<ha-icon >Save
class="save-button <ha-icon
class="save-button
${classMap({ ${classMap({
saved: this._saving! === false || this._changed === true, saved: this._saving! === false || this._changed === true,
})}" })}"
icon="${this._changed ? "hass:circle-medium" : "hass:check"}" icon="${this._changed ? "hass:circle-medium" : "hass:check"}"
></ha-icon> ></ha-icon
></mwc-button>
</app-toolbar> </app-toolbar>
</app-header> </app-header>
<div class="content"> <div class="content">
@ -113,11 +115,12 @@ class LovelaceFullConfigEditor extends LitElement {
.save-button { .save-button {
opacity: 0; opacity: 0;
margin-left: -21px; margin-left: -21px;
margin-top: -1px; transition: all 1.5s;
transition: opacity 1.5s;
} }
.saved { .saved {
margin-left: initial;
margin-right: -8px;
opacity: 1; opacity: 1;
} }
`, `,