all of a sudden I notice my cameras in an iframe no longer to use the mod that worked before:
type: entities
title: Weer cameras
card_mod:
class: class-header-no-margin
entities:
- type: custom:fold-entity-row
head:
type: section
label: Knmi
card_mod: &label
style: |
.label {
margin-left: 0px !important;
}
padding: 0
entities:
- type: custom:hui-element
card_type: picture-entity
entity: camera.weerkaart_nl
show_name: false
show_state: false
<<: &style
card_mod:
style: |
ha-card {
box-shadow: none;
margin: 8px -16px -16px -16px;
}
- type: custom:fold-entity-row
head:
type: section
label: Roosendaal Br
card_mod: *label
padding: 0
entities:
- type: custom:hui-element
card_type: iframe
aspect_ratio: 100%
url: !secret roosendaal_br
<<: *style
did iframe change its properties? must check, this is a post to get back to…
update
and back…
had to change/move some of the margins to the fold itself )and ofc then take those out of the mod on the iframe, only keep the box-shadow on that element)
Only need to try to get the bottom title of that iframe, which now is cut off:
type: entities
title: Weer cameras
card_mod:
class: class-header-no-margin
entities:
- type: custom:fold-entity-row
head:
type: section
label: Knmi
card_mod: &label
style: |
.label {
margin-left: 0px !important;
}
padding: 0
entities:
- type: custom:hui-element
card_type: picture-entity
entity: camera.weerkaart_nl
show_name: false
show_state: false
<<: &style
card_mod:
style: |
ha-card {
box-shadow: none;
margin: 8px -16px -16px -16px;
}
- type: custom:fold-entity-row
card_mod: &iframe
style: |
div#items {
margin: 16px -16px -16px -16px;
}
head:
type: section
label: Roosendaal Br
card_mod: *label
padding: 0
entities:
- type: custom:hui-element
card_type: iframe
aspect_ratio: 100%
url: !secret roosendaal_br
card_mod: &style_iframe
style: |
ha-card {
box-shadow: none;
}
