Make Glance column width configurable (#1456)

This commit is contained in:
c727 2018-07-17 08:44:01 +02:00 committed by Paulus Schoutsen
parent 9c66d47afa
commit bac1c8f630

View File

@ -29,7 +29,6 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
padding-top: 0; padding-top: 0;
} }
.entities { .entities {
padding: 4px 0;
display: flex; display: flex;
margin-bottom: -12px; margin-bottom: -12px;
flex-wrap: wrap; flex-wrap: wrap;
@ -42,7 +41,7 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
margin-bottom: 12px; margin-bottom: 12px;
width: 20%; width: var(--glance-column-width, 20%);
} }
.entity div { .entity div {
width: 100%; width: 100%;
@ -87,6 +86,7 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
setConfig(config) { setConfig(config) {
this._config = config; this._config = config;
this.updateStyles({ '--glance-column-width': (config && config.column_width) || '20%' });
this._configEntities = processConfigEntities(config.entities); this._configEntities = processConfigEntities(config.entities);
} }