My lovelace configuration method (GUI or yaml): Yaml
What I am doing:
card-mod-theming an icon in a view/tab
What I expected to happen:
icon change
What happened instead:
no icon change because of space in the view title
Minimal steps to reproduce:
# The least amount of code possible to reproduce my error
card-mod-root-yaml: |
paper-tab[aria-label='Weer & Klimaat'] ha-icon$: |
ha-svg-icon {
--card-mod-icon: {{states('sensor.weather_icon')}};
color: {{states('sensor.temperature_color_name')}};
}
# End of code
doesn't matter if I simply add mdi:car; its not about the icon template, its really about the view title (aria-label), because:
[X] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.
My Home Assistant version: 2022.6.0.dev20220430
My lovelace configuration method (GUI or yaml): Yaml
What I am doing:
card-mod-theming an icon in a view/tab
What I expected to happen:
icon change
What happened instead:
no icon change because of space in the view title
Minimal steps to reproduce:
doesn't matter if I simply add
mdi:car
; its not about the icon template, its really about the view title (aria-label), because:works perfectly.
Error messages from the browser console:
I have also tested it under:
but in that section, only the colors change, and not the icons. But it does accept the white space in the label without problem.
Finally, I also tried the space indicator
 
to have it evaluatebut that took the instance down ....
only way to make it happen is to tie the words with a -
Please have a look if this can be fixed
By putting an X in the boxes ([]) below, I indicate that I:
[X] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
[X] Have made sure I am using the latest version of the plugin.
[X] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
[X] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.