mwc-button -> mwc-icon-button (#6993)

This commit is contained in:
Joakim Sørensen 2020-09-15 00:07:11 +02:00 committed by GitHub
parent cdcccf5089
commit 8a9d5f7753
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 7 deletions

View File

@ -1,4 +1,5 @@
import "@material/mwc-button/mwc-button";
import "@material/mwc-icon-button/mwc-icon-button";
import { mdiDelete } from "@mdi/js";
import {
css,
@ -80,14 +81,14 @@ class HaLongLivedTokens extends LitElement {
)
)}
</div>
<mwc-button
<mwc-icon-button
.token=${token}
.disabled=${token.is_current}
.title=${this.hass.localize(`ui.common.delete`)}
@click=${this._deleteToken}
>
<ha-svg-icon .path=${mdiDelete}></ha-svg-icon>
</mwc-button>
</mwc-icon-button>
</ha-settings-row>`
)}
</div>
@ -185,6 +186,9 @@ class HaLongLivedTokens extends LitElement {
mwc-button {
--mdc-theme-primary: var(--primary-color);
}
mwc-icon-button {
color: var(--primary-text-color);
}
`,
];
}

View File

@ -1,4 +1,4 @@
import "@material/mwc-button/mwc-button";
import "@material/mwc-icon-button/mwc-icon-button";
import { mdiDelete } from "@mdi/js";
import "@polymer/paper-tooltip/paper-tooltip";
import {
@ -83,14 +83,14 @@ class HaRefreshTokens extends LitElement {
)}
</paper-tooltip>`
: ""}
<mwc-button
<mwc-icon-button
.token=${token}
.disabled=${token.is_current}
.title=${this.hass.localize(`ui.common.delete`)}
@click=${this._deleteToken}
>
<ha-svg-icon .path=${mdiDelete}></ha-svg-icon>
</mwc-button>
</mwc-icon-button>
</div>
</ha-settings-row>`
)
@ -135,8 +135,8 @@ class HaRefreshTokens extends LitElement {
ha-settings-row {
padding: 0;
}
mwc-button {
--mdc-theme-primary: var(--primary-color);
mwc-icon-button {
color: var(--primary-text-color);
}
`,
];