From bac1c8f630dc3d37cffbefaf1ee2ea9863749090 Mon Sep 17 00:00:00 2001 From: c727 Date: Tue, 17 Jul 2018 08:44:01 +0200 Subject: [PATCH] Make Glance column width configurable (#1456) --- src/panels/lovelace/cards/hui-glance-card.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/panels/lovelace/cards/hui-glance-card.js b/src/panels/lovelace/cards/hui-glance-card.js index 27f8ef70f1..f20b13768d 100644 --- a/src/panels/lovelace/cards/hui-glance-card.js +++ b/src/panels/lovelace/cards/hui-glance-card.js @@ -29,7 +29,6 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) { padding-top: 0; } .entities { - padding: 4px 0; display: flex; margin-bottom: -12px; flex-wrap: wrap; @@ -42,7 +41,7 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) { align-items: center; cursor: pointer; margin-bottom: 12px; - width: 20%; + width: var(--glance-column-width, 20%); } .entity div { width: 100%; @@ -87,6 +86,7 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) { setConfig(config) { this._config = config; + this.updateStyles({ '--glance-column-width': (config && config.column_width) || '20%' }); this._configEntities = processConfigEntities(config.entities); }