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

Fix header for glance cards

Browse Source
This commit is contained in:
Paulus Schoutsen 2018-08-31 11:15:06 +02:00
parent 45cdb5a3e4
commit da19a1a9c6
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/panels/lovelace/cards/hui-glance-card.js
View File

@ -22,17 +22,14 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
static get template() { static get template() {
return html` return html`
<style> <style>
ha-card {
padding: 16px;
}
ha-card[header] {
padding-top: 0;
}
.entities { .entities {
display: flex; display: flex;
margin-bottom: -12px; padding: 0 16px 4px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.entities.no-header {
padding-top: 16px;
}
.entity { .entity {
box-sizing: border-box; box-sizing: border-box;
padding: 0 4px; padding: 0 4px;
@ -55,8 +52,8 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
} }
</style> </style>
<ha-card header$="[[_config.title]]"> <ha-card header="[[_config.title]]">
<div class="entities"> <div class$="[[_computeClasses(_config.title)]]">
<template is="dom-repeat" items="[[_configEntities]]"> <template is="dom-repeat" items="[[_configEntities]]">
<template is="dom-if" if="[[_showEntity(item, hass.states)]]"> <template is="dom-if" if="[[_showEntity(item, hass.states)]]">
<div class="entity" on-click="_handleClick"> <div class="entity" on-click="_handleClick">
@ -96,6 +93,10 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
this._configEntities = processConfigEntities(config.entities); this._configEntities = processConfigEntities(config.entities);
} }
_computeClasses(hasHeader) {
return `entities ${hasHeader ? '' : 'no-header'}`;
}
_showEntity(item, states) { _showEntity(item, states) {
return item.entity in states; return item.entity in states;
} }