jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-04-24 13:27:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add option to pick number of columns for glance card (#1832)

Browse Source
This commit is contained in:
Thomas Lovén 2018-10-22 20:10:48 +02:00 committed by Paulus Schoutsen
parent 3bb5484b7f
commit 3b1b2b95e7
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/panels/lovelace/cards/hui-glance-card.ts
View File

@ -32,6 +32,7 @@ interface Config extends LovelaceConfig {
title?: string;
theme?: string;
entities: EntityConfig[];
columns?: number;
}
export class HuiGlanceCard extends HassLocalizeLitMixin(LitElement)
@ -63,10 +64,8 @@ export class HuiGlanceCard extends HassLocalizeLitMixin(LitElement)
}
}
const columnWidth =
config.entities.length > 4 ? "20%" : `${100 / config.entities.length}%`;
this.style.setProperty("--glance-column-width", columnWidth);
const columns = config.columns || Math.min(config.entities.length, 5);
this.style.setProperty("--glance-column-width", `${100 / columns}%`);
this.configEntities = entities;