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

Card picker improvements (#6361)

Browse Source
This commit is contained in:
Yosi Levy 2020-07-11 19:06:39 +03:00 committed by GitHub
parent 51be916f39
commit 833ccf3637
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/panels/lovelace/editor/card-editor/hui-card-picker.ts
View File

@ -116,16 +116,16 @@ export class HuiCardPicker extends LitElement {
@click=${this._cardPicked}
.config=${{ type: "" }}
>
<div class="preview description">
${this.hass!.localize(
`ui.panel.lovelace.editor.card.generic.manual_description`
)}
</div>
<div class="card-header">
${this.hass!.localize(
`ui.panel.lovelace.editor.card.generic.manual`
)}
</div>
<div class="preview description">
${this.hass!.localize(
`ui.panel.lovelace.editor.card.generic.manual_description`
)}
</div>
</div>
</div>
</div>
@ -255,6 +255,7 @@ export class HuiCardPicker extends LitElement {
color: var(--ha-card-header-color, --primary-text-color);
font-family: var(--ha-card-header-font-family, inherit);
font-size: 16px;
font-weight: bold;
letter-spacing: -0.012em;
line-height: 20px;
padding: 12px 16px;
@ -265,7 +266,7 @@ export class HuiCardPicker extends LitElement {
var(--paper-card-background-color, white)
);
border-radius: 0 0 4px 4px;
border-top: 1px solid var(--divider-color);
border-bottom: 1px solid var(--divider-color);
}
.preview {
@ -377,6 +378,13 @@ export class HuiCardPicker extends LitElement {
@click=${this._cardPicked}
.config=${cardConfig}
></div>
<div class="card-header">
${customCard
? `${this.hass!.localize(
"ui.panel.lovelace.editor.cardpicker.custom_card"
)}: ${customCard.name || customCard.type}`
: name}
</div>
<div
class="preview ${classMap({
description: !element || element.tagName === "HUI-ERROR-CARD",
@ -391,13 +399,6 @@ export class HuiCardPicker extends LitElement {
)
: description}
</div>
<div class="card-header">
${customCard
? `${this.hass!.localize(
"ui.panel.lovelace.editor.cardpicker.custom_card"
)}: ${customCard.name || customCard.type}`
: name}
</div>
</div>
`;
}