mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-13 12:26:35 +00:00
Allow badge size control via variables. (#246)
This commit is contained in:
parent
58673280be
commit
cd9d52caec
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user