Oczywiście, moje niedopatrzenie:
burze_dziś_net:
show_label: true
styles:
grid:
- grid-template-areas: '"n""i"'
- grid-template-columns: 50% 45%
icon:
- justify-self: left
- margin-left: 5%
- margin-top: 3%
- width: 65px
label:
- white-space: normal
- font-size: 14px
- font-weight: bold
- position: absolute
- margin-left: 20%
- margin-top: 3%
name:
- font-size: 16px
- font-weight: bold
- justify-self: left
- margin-left: 10%
- margin-top: '-2%'
1 polubienie
macek
22
A gdzie tego template trzeba dodać?
![1](https://forum.arturhome.pl/uploads/default/original/3X/e/3/e343f9a9c663110a6acc5fb4ba3c5cc62c3a28ea.jpeg)
i od góry dopisujesz:
button_card_templates:
burze_dziś_net:
show_label: true
styles:
grid:
- grid-template-areas: '"n""i"'
- grid-template-columns: 50% 45%
icon:
- justify-self: left
- margin-left: 5%
- margin-top: 3%
- width: 65px
label:
- white-space: normal
- font-size: 14px
- font-weight: bold
- position: absolute
- margin-left: 20%
- margin-top: 3%
name:
- font-size: 16px
- font-weight: bold
- justify-self: left
- margin-left: 10%
- margin-top: '-2%'
2 polubienia
Karta warunkowa czy burza zmierza w twoim kierunku odległość do burzy w km
Karta warunkowa
type: conditional
conditions:
- entity: binary_sensor.burze_dzis_net_wyladowania_w_poblizu
state: 'on'
card:
type: entity-filter
entities:
- entity: binary_sensor.burze_dzis_net_wyladowania_w_poblizu
type: attribute
attribute: distance
secondary_info: true
style:
hui-generic-entity-row:
$: |
.text-content {
font-size: 14px;
}
.text-content.pointer:not(.info)::before {
content: "Odległość:";
color: black;
}
.info .secondary {
color: black;
}
.info .secondary::before {
content: "Kierunek: ";
color: black;
font-size: 12px;
}
.info .secondary::after {
content: "{{state_attr(config.entity,'direction')}}";
color: black;
font-size: 12px;
}
style: |
:host {
--paper-item-icon-color: #00afff;
}
ha-card {
background: #32323200;
- entity: binary_sensor.burze_dzis_net_ostrzezenie_aktywne_traba
type: attribute
attribute: description
secondary_info: true
style:
hui-generic-entity-row:
$: |
.text-content {
font-size: 14px;
}
.info .secondary {
color: black;
}
.info .secondary::before {
content: "Poziom: ";
color: black;
font-size: 12px;
}
.info .secondary::after {
content: "{{state_attr(config.entity,'level')}}";
color: black;
font-size: 12px;
}
style: |
:host {
--paper-item-icon-color: black;
}
ha-card {
background: #32323200;
state_filter:
- 'on'
card:
type: entities
title: null
card_mod:
style: |
ha-card .card-header {
font-size: 25px;
color: red;
}
ha-card {
color: black;
--mdc-icon-size: 40px;
font-size: 18px;
background: #ffd200;
}
ha-card {
background: #32323200;
1 polubienie