Allow badge size control via variables. (#246)

This commit is contained in:
Andrey 2017-03-24 09:44:08 +03:00 committed by Paulus Schoutsen
parent 58673280be
commit cd9d52caec

View File

@ -14,11 +14,11 @@
position: relative; position: relative;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
width: 2.5em; width: var(--ha-label-badge-size, 2.5em);
text-align: center; text-align: center;
height: 2.5em; height: var(--ha-label-badge-size, 2.5em);
line-height: 2.5em; line-height: var(--ha-label-badge-size, 2.5em);
font-size: 1.5em; font-size: var(--ha-label-badge-font-size, 1.5em);
border-radius: 50%; border-radius: 50%;
border: 0.1em solid var(--ha-label-badge-color, --default-primary-color); border: 0.1em solid var(--ha-label-badge-color, --default-primary-color);
color: rgb(76, 76, 76); color: rgb(76, 76, 76);
@ -85,7 +85,7 @@
</div> </div>
<div class='label' hidden$='[[!label]]'><span>[[label]]</span></div> <div class='label' hidden$='[[!label]]'><span>[[label]]</span></div>
</div> </div>
<div class='title'>[[description]]</div> <div class='title' hidden$='[[!description]]'>[[description]]</div>
</div> </div>
</template> </template>
</dom-module> </dom-module>