jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-14 21:06:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ensure consistent card look on device config page (#10386)

Browse Source
This commit is contained in:
Philip Allgaier 2021-10-26 11:12:27 +02:00 committed by GitHub
parent d61a77f2d9
commit 29a1167782
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/panels/config/devices/device-detail/ha-device-entities-card.ts
View File

@ -148,7 +148,11 @@ export class HaDeviceEntitiesCard extends LitElement {
private _renderEntry(entry: EntityRegistryStateEntry): TemplateResult {
return html`
<paper-icon-item .entry=${entry} @click=${this._openEditEntry}>
<paper-icon-item
class="disabled-entry"
.entry=${entry}
@click=${this._openEditEntry}
>
<ha-svg-icon
slot="item-icon"
.path=${domainIcon(computeDomain(entry.entity_id))}
@ -205,6 +209,9 @@ export class HaDeviceEntitiesCard extends LitElement {
.disabled-entry {
color: var(--secondary-text-color);
}
#entities {
margin-top: -24px; /* match the spacing between card title and content of the device info card above it */
}
#entities > * {
margin: 8px 16px 8px 8px;
}
@ -213,8 +220,9 @@ export class HaDeviceEntitiesCard extends LitElement {
}
paper-icon-item {
min-height: 40px;
padding: 0 8px;
padding: 0 16px;
cursor: pointer;
--paper-item-icon-width: 48px;
}
.name {
font-size: 14px;

20
src/panels/config/devices/ha-config-device-page.ts
View File

@ -420,7 +420,7 @@ export class HaConfigDevicePage extends LitElement {
: "";
})
: html`
<paper-item class="no-link">
<div class="card-content">
${this.hass.localize(
"ui.panel.config.devices.add_prompt",
"name",
@ -428,7 +428,7 @@ export class HaConfigDevicePage extends LitElement {
"ui.panel.config.devices.automation.automations"
)
)}
</paper-item>
</div>
`}
</ha-card>
`
@ -502,7 +502,7 @@ export class HaConfigDevicePage extends LitElement {
: "";
})
: html`
<paper-item class="no-link">
<div class="card-content">
${this.hass.localize(
"ui.panel.config.devices.add_prompt",
"name",
@ -510,7 +510,7 @@ export class HaConfigDevicePage extends LitElement {
"ui.panel.config.devices.scene.scenes"
)
)}
</paper-item>
</div>
`
}
</ha-card>
@ -558,7 +558,7 @@ export class HaConfigDevicePage extends LitElement {
: "";
})
: html`
<paper-item class="no-link">
<div class="card-content">
${this.hass.localize(
"ui.panel.config.devices.add_prompt",
"name",
@ -566,7 +566,7 @@ export class HaConfigDevicePage extends LitElement {
"ui.panel.config.devices.script.scripts"
)
)}
</paper-item>
</div>
`}
</ha-card>
`
@ -953,19 +953,11 @@ export class HaConfigDevicePage extends LitElement {
font-size: var(--paper-font-body1_-_font-size);
}
paper-item.no-link {
cursor: default;
}
a {
text-decoration: none;
color: var(--primary-color);
}
ha-card {
padding-bottom: 8px;
}
ha-card a {
color: var(--primary-text-color);
}