Add icons to device config dashboard (#14184)

* Add icons to device config dashboard

* Add `alt=""`
This commit is contained in:
Bram Kragten
2022-10-26 15:19:56 +02:00
committed by GitHub
parent 3ac6e6f307
commit 527c4f71c2
3 changed files with 63 additions and 33 deletions

View File

@@ -724,6 +724,11 @@ export class HaDataTable extends LitElement {
width: 54px;
}
.mdc-data-table__cell--icon img {
width: 24px;
height: 24px;
}
.mdc-data-table__header-cell.mdc-data-table__header-cell--icon {
text-align: center;
}
@@ -740,6 +745,7 @@ export class HaDataTable extends LitElement {
}
.mdc-data-table__cell--icon:first-child ha-icon,
.mdc-data-table__cell--icon:first-child img,
.mdc-data-table__cell--icon:first-child ha-state-icon,
.mdc-data-table__cell--icon:first-child ha-svg-icon {
margin-left: 8px;
@@ -748,7 +754,12 @@ export class HaDataTable extends LitElement {
:host([dir="rtl"])
.mdc-data-table__cell--icon:first-child
ha-state-icon,
:host([dir="rtl"]) .mdc-data-table__cell--icon:first-child ha-svg-icon {
:host([dir="rtl"])
.mdc-data-table__cell--icon:first-child
ha-svg-icon
:host([dir="rtl"])
.mdc-data-table__cell--icon:first-child
img {
margin-left: auto;
margin-right: 8px;
}