this is coming and going, but now on 0.111 the issue is fixed: somehow there are borders around my buttons in a stack-in-card using a horizontal stack,
and I cant get rid of them, please have a look what I could change in the code:
the card:
type: custom:stack-in-card
keep:
background: true
cards:
- type: custom:button-card
name: Set Hue Outdoors sensitivity
template: button_default_title_fixed
- !include /config/lovelace/buttons/buttons_set_hue_outdoors_sensitivity.yaml
- type: entities
show_header_toggle: false
entities:
- input_select.select_hue_outdoors_motion_sensor
- entity: script.set_hue_outdoors_sensitivity
action_name: Set
the include:
type: horizontal-stack
cards:
- type: custom:decluttering-card
template: set_hue_outdoors_sensitivity
variables:
- option: 'Very low'
- icon: mdi:numeric-0-box-multiple-outline
- label: Very low
- type: custom:decluttering-card
template: set_hue_outdoors_sensitivity
variables:
- option: 'Low'
- icon: mdi:numeric-1-box-multiple-outline
- label: Low
- type: custom:decluttering-card
template: set_hue_outdoors_sensitivity
variables:
- option: 'Medium'
- icon: mdi:numeric-2-box-multiple-outline
- label: Medium
- type: custom:decluttering-card
template: set_hue_outdoors_sensitivity
variables:
- option: 'High'
- icon: mdi:numeric-3-box-multiple-outline
- label: High
- type: custom:decluttering-card
template: set_hue_outdoors_sensitivity
variables:
- option: 'Very high'
- icon: mdi:numeric-4-box-multiple-outline
- label: Very high
the decluttering template:
card:
type: custom:button-card
template: button_picture_script_small
show_label: true
size: 50%
icon: '[[icon]]'
label: '[[label]]'
tap_action:
action: call-service
service: script.buttons_set_hue_outdoors_sensitivity
service_data:
option: '[[option]]'
state:
- operator: template
value: >
[[[
return states['input_select.select_hue_outdoors_sensitivity'].state == '[[option]]'
]]]
color: 'silver'
- operator: default
styles:
background:
- color: '#595959'
name:
- color: 'white'
and the button template finally:
button_picture_script_small:
size: 70%
show_state: false
show_label: false
show_name: true
show_entity_picture: true
color_type: card
aspect_ratio: 1/1
tap_action:
action: none
haptic: light
hold_action:
action: more-info
haptic: success
color: '#555B65'
styles:
name:
- padding-left: 3px
- font-weight: bold
- font-family: Helvetica
- font-size: 13px
- color: 'lightgrey'
have the exact same issue on another stack-in-card with a horizontal-stack:
- type: custom:hui-element
card_type: horizontal-stack
cards:
- type: picture-entity
style: |
ha-card {
animation: {% if is_state('persistent_notification.trash_notification', 'notifying') and
states('sensor.saver_trash_today') != 'Geen' %} blink 2s linear infinite;
{% else %} none
{% endif %}
}
@keyframes blink {
100% {opacity: 0;}
}
entity: sensor.saver_trash_today
name: Vandaag
show_state: false
state_image:
'gft': /local/mijnafvalwijzer/gft.png
'papier': /local/mijnafvalwijzer/papier.png
'restafval': /local/mijnafvalwijzer/restafval.png
'pbd': /local/mijnafvalwijzer/pbd.png
'Geen': /local/mijnafvalwijzer/kliko_geen.png
- type: picture-entity
style: |
ha-card {
animation: {% if is_state('persistent_notification.trash_notification', 'notifying') and
states('sensor.saver_trash_tomorrow') != 'Geen' %} blink 2s linear infinite;
{% else %} none
{% endif %}
}
@keyframes blink {
100% {opacity: 0;}
}
entity: sensor.saver_trash_tomorrow
name: Morgen
show_state: false
state_image:
'gft': /local/mijnafvalwijzer/gft.png
'papier': /local/mijnafvalwijzer/papier.png
'restafval': /local/mijnafvalwijzer/restafval.png
'pbd': /local/mijnafvalwijzer/pbd.png
'Geen': /local/mijnafvalwijzer/kliko_geen.png
- type: picture-entity
entity: sensor.saver_trash_day_after_tomorrow
name: Overmorgen
show_state: false
state_image:
'gft': /local/mijnafvalwijzer/gft.png
'papier': /local/mijnafvalwijzer/papier.png
'restafval': /local/mijnafvalwijzer/restafval.png
'pbd': /local/mijnafvalwijzer/pbd.png
'Geen': /local/mijnafvalwijzer/kliko_geen.png
showing like:
where before, these were flat and attached, no little corners, no shadow, nothing.
please have a look? thanks!
I screenshot might help with some explanation of what you expect.
I’m quite busy lately…