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

Change entity reg table to full width

Browse Source
This commit is contained in:
Bram Kragten 2019-10-25 16:54:42 +02:00
parent 044cf22f47
commit c407cab501
1 changed files with 45 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/panels/config/entity_registry/ha-config-entity-registry.ts
View File

@ -21,7 +21,6 @@ import "../../../components/ha-switch";
import { domainIcon } from "../../../common/entity/domain_icon"; import { domainIcon } from "../../../common/entity/domain_icon";
import { stateIcon } from "../../../common/entity/state_icon"; import { stateIcon } from "../../../common/entity/state_icon";
import { computeDomain } from "../../../common/entity/compute_domain"; import { computeDomain } from "../../../common/entity/compute_domain";
import "../ha-config-section";
import { import {
showEntityRegistryDetailDialog, showEntityRegistryDetailDialog,
loadEntityRegistryDetailDialog, loadEntityRegistryDetailDialog,
@ -134,13 +133,14 @@ class HaConfigEntityRegistry extends LitElement {
"ui.panel.config.entity_registry.caption" "ui.panel.config.entity_registry.caption"
)}" )}"
> >
<ha-config-section .isWide=${this.isWide}> <div class="content">
<span slot="header"> <div class="intro">
<h2>
${this.hass.localize( ${this.hass.localize(
"ui.panel.config.entity_registry.picker.header" "ui.panel.config.entity_registry.picker.header"
)} )}
</span> </h2>
<span slot="introduction"> <p>
${this.hass.localize( ${this.hass.localize(
"ui.panel.config.entity_registry.picker.introduction" "ui.panel.config.entity_registry.picker.introduction"
)} )}
@ -159,9 +159,10 @@ class HaConfigEntityRegistry extends LitElement {
@change=${this._showDisabledChanged} @change=${this._showDisabledChanged}
>${this.hass.localize( >${this.hass.localize(
"ui.panel.config.entity_registry.picker.show_disabled" "ui.panel.config.entity_registry.picker.show_disabled"
)}</ha-switch )}
> </ha-switch>
</span> </div>
</p>
<ha-data-table <ha-data-table
.columns=${this._columns(this.hass.language)} .columns=${this._columns(this.hass.language)}
.data=${this._filteredEntities(this._entities, this._showDisabled)} .data=${this._filteredEntities(this._entities, this._showDisabled)}
@ -169,7 +170,7 @@ class HaConfigEntityRegistry extends LitElement {
id="entity_id" id="entity_id"
> >
</ha-data-table> </ha-data-table>
</ha-config-section> </div>
</hass-subpage> </hass-subpage>
`; `;
} }
@ -213,6 +214,34 @@ class HaConfigEntityRegistry extends LitElement {
a { a {
color: var(--primary-color); color: var(--primary-color);
} }
h2 {
margin-top: 0;
font-family: var(--paper-font-display1_-_font-family);
-webkit-font-smoothing: var(
--paper-font-display1_-_-webkit-font-smoothing
);
font-size: var(--paper-font-display1_-_font-size);
font-weight: var(--paper-font-display1_-_font-weight);
letter-spacing: var(--paper-font-display1_-_letter-spacing);
line-height: var(--paper-font-display1_-_line-height);
opacity: var(--dark-primary-opacity);
}
p {
font-family: var(--paper-font-subhead_-_font-family);
-webkit-font-smoothing: var(
--paper-font-subhead_-_-webkit-font-smoothing
);
font-size: var(--paper-font-subhead_-_font-size);
font-weight: var(--paper-font-subhead_-_font-weight);
line-height: var(--paper-font-subhead_-_line-height);
opacity: var(--dark-primary-opacity);
}
.intro {
padding: 24px 16px 0;
}
.content {
padding: 4px;
}
ha-data-table { ha-data-table {
margin-bottom: 24px; margin-bottom: 24px;
margin-top: 0px; margin-top: 0px;