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

add title option to stack cards (#3839)

Browse Source
This commit is contained in:
Ian Richardson 2019-10-07 03:17:52 -05:00 committed by Bram Kragten
parent 0c13757910
commit dcaf4fdfe2
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/panels/lovelace/cards/hui-stack-card.ts
View File

@ -1,4 +1,4 @@
import { html, LitElement, TemplateResult } from "lit-element"; import { html, LitElement, TemplateResult, CSSResult, css } from "lit-element";
import { createCardElement } from "../common/create-card-element"; import { createCardElement } from "../common/create-card-element";
import { LovelaceCard } from "../types"; import { LovelaceCard } from "../types";
@ -48,12 +48,31 @@ export abstract class HuiStackCard extends LitElement implements LovelaceCard {
return html` return html`
${this.renderStyle()} ${this.renderStyle()}
${this._config.title
? html`
<div class="card-header">${this._config.title}</div>
`
: ""}
<div id="root">${this._cards}</div> <div id="root">${this._cards}</div>
`; `;
} }
protected abstract renderStyle(): TemplateResult; protected abstract renderStyle(): TemplateResult;
static get styles(): CSSResult {
return css`
.card-header {
color: var(--ha-card-header-color, --primary-text-color);
font-family: var(--ha-card-header-font-family, inherit);
font-size: var(--ha-card-header-font-size, 24px);
letter-spacing: -0.012em;
line-height: 32px;
display: block;
padding: 24px 16px 16px;
}
`;
}
private _createCardElement(cardConfig: LovelaceCardConfig) { private _createCardElement(cardConfig: LovelaceCardConfig) {
const element = createCardElement(cardConfig) as LovelaceCard; const element = createCardElement(cardConfig) as LovelaceCard;
if (this._hass) { if (this._hass) {