jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-17 22:36:35 +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 */ max-width: 68%; /* Parent width minus two times 16% padding */
display: inline-block; display: inline-block;
background-color: var(--ha-label-badge-color, var(--primary-color)); background-color: var(--ha-label-badge-color, var(--primary-color));
color: white; color: var(--ha-label-badge-label-color, white);
border-radius: 1em; border-radius: 1em;
padding: 8% 16%; padding: 8% 16%;
font-weight: 500; font-weight: 500;
@ -82,7 +82,7 @@
<iron-icon icon='[[icon]]' hidden$='[[computeHideIcon(icon, value, image)]]'></iron-icon> <iron-icon icon='[[icon]]' hidden$='[[computeHideIcon(icon, value, image)]]'></iron-icon>
<span hidden$='[[computeHideValue(value, image)]]'>[[value]]</span> <span hidden$='[[computeHideValue(value, image)]]'>[[value]]</span>
</div> </div>
<div hidden$='[[!label]]' class$='[[computeLabelClasses(label)]]'> <div hidden$='[[computeHideLabel(label)]]' class$='[[computeLabelClasses(label)]]'>
<span>[[label]]</span> <span>[[label]]</span>
</div> </div>
</div> </div>
@ -116,6 +116,10 @@ class HaLabelBadge extends Polymer.Element {
return label && label.length > 5 ? 'label big' : 'label'; return label && label.length > 5 ? 'label big' : 'label';
} }
computeHideLabel(label) {
return !label || !label.trim();
}
computeHideIcon(icon, value, image) { computeHideIcon(icon, value, image) {
return !icon || value || image; return !icon || value || image;
} }