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

Fix grid card size when square (#7520)

Browse Source
This commit is contained in:
Paulus Schoutsen 2020-10-29 14:21:49 +01:00 committed by GitHub
parent c3718ff7dd
commit d26f1fa371
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/panels/lovelace/cards/hui-grid-card.ts
View File

@ -11,6 +11,11 @@ class HuiGridCard extends HuiStackCard<GridCardConfig> {
return 0;
}
if (this.square) {
// When we're square, each row is size 2.
return (this._cards.length / this.columns) * 2;
}
const promises: Array<Promise<number> | number> = [];
for (const element of this._cards) {
@ -25,13 +30,17 @@ class HuiGridCard extends HuiStackCard<GridCardConfig> {
}
get columns() {
return this._config!.columns || DEFAULT_COLUMNS;
return this._config?.columns || DEFAULT_COLUMNS;
}
get square() {
return this._config?.square !== false;
}
setConfig(config: GridCardConfig) {
super.setConfig(config);
this.style.setProperty("--grid-card-column-count", String(this.columns));
this.toggleAttribute("square", config.square !== false);
this.toggleAttribute("square", this.square);
}
static get styles(): CSSResult[] {