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