jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-21 08:16:36 +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() {
return html`
<style>
ha-card {
padding: 16px;
}
ha-card[header] {
padding-top: 0;
}
.entities {
display: flex;
margin-bottom: -12px;
padding: 0 16px 4px;
flex-wrap: wrap;
}
.entities.no-header {
padding-top: 16px;
}
.entity {
box-sizing: border-box;
padding: 0 4px;
@ -55,8 +52,8 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
}
</style>
<ha-card header$="[[_config.title]]">
<div class="entities">
<ha-card header="[[_config.title]]">
<div class$="[[_computeClasses(_config.title)]]">
<template is="dom-repeat" items="[[_configEntities]]">
<template is="dom-if" if="[[_showEntity(item, hass.states)]]">
<div class="entity" on-click="_handleClick">
@ -96,6 +93,10 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
this._configEntities = processConfigEntities(config.entities);
}
_computeClasses(hasHeader) {
return `entities ${hasHeader ? '' : 'no-header'}`;
}
_showEntity(item, states) {
return item.entity in states;
}