Hello, can someone help me understanding why the gauge-card and the service-button are not clickable?
I cannot even seen the hand of the mouse pointer when I go over the button/gauge…
##################################
# PIANTINA
##################################
- badges: []
panel: true
path: mappa
title: Piantina
cards:
- image: \local\casa\mappa.png
type: picture-elements
elements:
- type: 'custom:gauge-card'
entity: sensor.potenza_prodotta_attuale
max: 4.5
min: 0
severity:
amber: 1
green: 2.5
red: 0
title: Potenza Prodotta
tap_action: navigate
navigation_path: /lovelace/2
style:
top: 48%
left: 89%
font-size: 20px
- type: service-button
title: "Spegni tutte le luci"
service: script.turn_off_lights
style:
top: 60%
left: 89%
font-size: 20px
##################################
# WEATHER
##################################
- action: none
entity: weather.casa
hold_action:
action: none
image: \local\casa\pioggia.gif
state_filter:
pouring: opacity(100%)
style:
left: 60%
mix-blend-mode: color-dodge
opacity: 0
top: 50%
width: 110%
tap_action:
action: none
type: image
##################################
# IMAGES
##################################
- entity: light.giovanni
image: \local\casa\giovanni.png
state_filter:
'off': brightness(50%)
'on': brightness(100%)
style:
left: 21.5%
top: 52%
width: 21.2%
tap_action: none
type: image
- entity: light.aurora
image: \local\casa\aurora.png
state_filter:
'off': brightness(50%)
'on': brightness(100%)
style:
left: 24.5%
top: 74%
width: 28%
tap_action: none
type: image
- entity: switch.bagnogrande
image: \local\casa\bagno.png
state_filter:
'off': brightness(50%)
'on': brightness(100%)
style:
left: 38.6%
top: 22.4%
width: 12%
tap_action: none
type: image
- conditions:
- entity: switch.specchio
state: 'on'
- entity: switch.bagnogrande
state: 'off'
elements:
- image: \local\casa\specchio.png
style:
left: 34.7%
top: 21.7%
width: 4%
type: image
type: conditional
- entity: switch.cameradaletto
image: \local\casa\camera.png
state_filter:
'off': brightness(50%)
'on': brightness(100%)
style:
left: 21.5%
top: 26.9%
width: 21.2%
tap_action: none
type: image
- entity: switch.corridoio
image: \local\casa\corridoio.png
state_filter:
'off': brightness(50%)
'on': brightness(100%)
style:
left: 36.5%
top: 49.23%
width: 8.13%
tap_action: none
type: image
- entity: switch.bagnopiccolo
image: \local\casa\bagno2.png
state_filter:
'off': brightness(50%)
'on': brightness(100%)
style:
left: 43%
top: 75.5%
width: 8.6%
tap_action: none
type: image
- entity: switch.salone1
image: \local\casa\salone1.png
state_filter:
'off': brightness(50%)
'on': brightness(100%)
style:
left: 55%
top: 25.7%
width: 27.7%
tap_action: none
type: image
- entity: switch.salone2
image: \local\casa\salone2.png
state_filter:
'off': brightness(50%)
'on': brightness(100%)
style:
left: 54.7%
top: 51.55%
width: 28.6%
tap_action: none
type: image
- conditions:
- entity: switch.salone3
state: 'on'
- entity: switch.salone2
state: 'off'
elements:
- image: \local\casa\salone3.png
style:
left: 48.2%
top: 59.8%
width: 13%
type: image
type: conditional
- entity: light.cucina
image: \local\casa\cucina.png
state_filter:
'off': brightness(50%)
'on': brightness(100%)
style:
left: 82.1%
top: 24.1%
width: 23.1%
tap_action: none
type: image
- entity: switch.ripostiglio
image: \local\casa\ripostiglio.png
state_filter:
'off': brightness(50%)
'on': brightness(100%)
style:
left: 72.8%
top: 32.4%
width: 4.6%
tap_action: none
type: image
##################################
# LIGHT
##################################
- entity: light.giovanni
style:
left: 21%
top: 51%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: light.aurora
style:
left: 23%
top: 74%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: light.cucina
style:
left: 83%
top: 25%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
##################################
# SWITCH
##################################
- entity: switch.bagnogrande
style:
left: 39%
top: 23%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.specchio
style:
left: 34%
top: 22%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.cameradaletto
style:
left: 22%
top: 27%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.condizionatore
style:
left: 30%
top: 14%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.corridoio
style:
left: 36.5%
top: 48%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.salone1
style:
left: 57%
top: 26%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.salafuori
style:
left: 50.5%
top: 10%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.salone2
style:
left: 57%
top: 50%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.salone3
style:
left: 50%
top: 58%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.ripostiglio
style:
left: 75.5%
top: 30%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.bagnopiccolo
style:
left: 43%
top: 76%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.giardino
style:
left: 56%
top: 96%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.viale
style:
left: 96%
top: 94%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.terrazza
style:
left: 96%
top: 24%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
- entity: switch.cucinafuori
style:
left: 87%
top: 7%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: toggle
type: state-icon
##################################
# CAMERA
##################################
- camera_image: camera.veranda
entity: camera.veranda
style:
border: 2px solid red
border-radius: 10%
left: 75%
top: 75%
width: 10%
type: image
- camera_image: camera.veranda2
entity: camera.veranda2
style:
border: 2px solid red
border-radius: 10%
left: 55%
top: 75%
width: 10%
type: image
- camera_image: camera.cucina
entity: camera.cucina
style:
border: 2px solid red
border-radius: 10%
left: 94%
top: 35%
width: 10%
type: image
- camera_image: camera.cucina2
entity: camera.cucina2
style:
border: 2px solid red
border-radius: 10%
left: 94%
top: 15%
width: 10%
type: image
- camera_image: camera.retro
entity: camera.retro
style:
border: 2px solid red
border-radius: 10%
left: 77%
top: 5%
width: 10%
type: image
- camera_image: camera.retro2
entity: camera.retro2
style:
border: 2px solid red
border-radius: 10%
left: 60%
top: 5%
width: 10%
type: image
- camera_image: camera.retro3
entity: camera.retro3
style:
border: 2px solid red
border-radius: 10%
left: 30%
top: 5%
width: 10%
type: image
- camera_image: camera.giovanni
entity: camera.giovanni
style:
border: 2px solid red
border-radius: 10%
left: 6%
top: 15%
width: 10%
type: image
- camera_image: camera.giovanni2
entity: camera.giovanni2
style:
border: 2px solid red
border-radius: 10%
left: 6%
top: 65%
width: 10%
type: image
- camera_image: camera.aurora
entity: camera.aurora
style:
border: 2px solid red
border-radius: 10%
left: 45%
top: 92%
width: 10%
type: image
- camera_image: camera.aurora2
entity: camera.aurora2
style:
border: 2px solid red
border-radius: 10%
left: 25%
top: 92%
width: 10%
type: image
- camera_image: camera.aurora3
entity: camera.aurora3
style:
border: 2px solid red
border-radius: 10%
left: 7%
top: 92%
width: 10%
type: image
##################################
# VACUUM
##################################
- entity: vacuum.aspirapolvere
style:
left: 73%
top: 15%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: spot_area
entity_id: vacuum.aspirapolvere
params:
cleanings: 1
rooms: 1
type: state-icon
- entity: vacuum.aspirapolvere
style:
left: 66%
top: 45%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: spot_area
entity_id: vacuum.aspirapolvere
params:
cleanings: 1
rooms: 0
type: state-icon
- entity: vacuum.aspirapolvere
style:
left: 13.5%
top: 37%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: spot_area
entity_id: vacuum.aspirapolvere
params:
cleanings: 1
rooms: 3
type: state-icon
- entity: vacuum.aspirapolvere
style:
left: 42%
top: 29%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: spot_area
entity_id: vacuum.aspirapolvere
params:
cleanings: 1
rooms: 5
type: state-icon
- entity: vacuum.aspirapolvere
style:
left: 45%
top: 81%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: spot_area
entity_id: vacuum.aspirapolvere
params:
cleanings: 1
rooms: 8
type: state-icon
- entity: vacuum.aspirapolvere
style:
left: 38%
top: 36%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: spot_area
entity_id: vacuum.aspirapolvere
params:
cleanings: 1
rooms: 2
type: state-icon
- entity: vacuum.aspirapolvere
style:
left: 29%
top: 66%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: spot_area
entity_id: vacuum.aspirapolvere
params:
cleanings: 1
rooms: 7
type: state-icon
- entity: vacuum.aspirapolvere
style:
left: 29%
top: 44%
--iron-icon-height: 50px
--iron-icon-width: 50px
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: spot_area
entity_id: vacuum.aspirapolvere
params:
cleanings: 1
rooms: 6
type: state-icon
##################################
# END
##################################