Remove mwc-icon-button from dev tools states (#6046)

This commit is contained in:
Bram Kragten 2020-05-25 21:57:04 +02:00 committed by GitHub
parent 3faebaeb4b
commit cf5e808a96
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,5 +1,4 @@
import "@material/mwc-button"; import "@material/mwc-button";
import "@material/mwc-icon-button";
import "@polymer/paper-checkbox/paper-checkbox"; import "@polymer/paper-checkbox/paper-checkbox";
import "@polymer/paper-input/paper-input"; import "@polymer/paper-input/paper-input";
import { html } from "@polymer/polymer/lib/utils/html-tag"; import { html } from "@polymer/polymer/lib/utils/html-tag";
@ -59,9 +58,10 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
.entities td { .entities td {
padding: 4px; padding: 4px;
} }
.entities mwc-icon-button { .entities ha-svg-icon {
--mdc-icon-button-size: 24px;
--mdc-icon-size: 20px; --mdc-icon-size: 20px;
padding: 4px;
cursor: pointer;
} }
.entities td:nth-child(3) { .entities td:nth-child(3) {
white-space: pre-wrap; white-space: pre-wrap;
@ -153,12 +153,12 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
<template is="dom-repeat" items="[[_entities]]" as="entity"> <template is="dom-repeat" items="[[_entities]]" as="entity">
<tr> <tr>
<td> <td>
<mwc-icon-button <ha-svg-icon
on-click="entityMoreInfo" on-click="entityMoreInfo"
alt="[[localize('ui.panel.developer-tools.tabs.states.more_info')]]" alt="[[localize('ui.panel.developer-tools.tabs.states.more_info')]]"
title="[[localize('ui.panel.developer-tools.tabs.states.more_info')]]" title="[[localize('ui.panel.developer-tools.tabs.states.more_info')]]"
><ha-svg-icon path="[[informationOutlineIcon()]]"></ha-svg-icon> path="[[informationOutlineIcon()]]"
</mwc-icon-button> ></ha-svg-icon>
<a href="#" on-click="entitySelected">[[entity.entity_id]]</a> <a href="#" on-click="entitySelected">[[entity.entity_id]]</a>
</td> </td>
<td>[[entity.state]]</td> <td>[[entity.state]]</td>