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

Allow theming badge label color and hide empty label. (#1060)

Browse Source
This commit is contained in:
Andrey 2018-04-01 22:03:04 +03:00 committed by Paulus Schoutsen
parent 0a5767913a
commit efa956a0b5
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ha-label-badge.html
View File

@ -48,7 +48,7 @@
max-width: 68%; /* Parent width minus two times 16% padding */
display: inline-block;
background-color: var(--ha-label-badge-color, var(--primary-color));
color: white;
color: var(--ha-label-badge-label-color, white);
border-radius: 1em;
padding: 8% 16%;
font-weight: 500;
@ -82,7 +82,7 @@
<iron-icon icon='[[icon]]' hidden$='[[computeHideIcon(icon, value, image)]]'></iron-icon>
<span hidden$='[[computeHideValue(value, image)]]'>[[value]]</span>
</div>
<div hidden$='[[!label]]' class$='[[computeLabelClasses(label)]]'>
<div hidden$='[[computeHideLabel(label)]]' class$='[[computeLabelClasses(label)]]'>
<span>[[label]]</span>
</div>
</div>
@ -116,6 +116,10 @@ class HaLabelBadge extends Polymer.Element {
return label && label.length > 5 ? 'label big' : 'label';
}
computeHideLabel(label) {
return !label || !label.trim();
}
computeHideIcon(icon, value, image) {
return !icon || value || image;
}