on all my button-card tooltips throughout the dashboards, I suddenly realize the tooltips on the main menu items are not using this. Having a look into the card-mod-theme variables I couldnāt find the right place (if at all possible) to add this to the main mods, to make the tooltips immediate.
Would anyone be able to help me out here?
Ive tried to add it to either of these:
/* Set the color of the currently selected tab indicator. */
ha-tabs {
--paper-tabs-selection-bar-color: var(--text-primary-color);
}
/* Set the color of the currently selected tab indicator.
Set size of the currently selected tab icon*/
paper-tab[aria-selected=true] {
color: gold;
background-color: rgba(var(--primary),0.3);
--mdc-icon-size: {{states('input_number.active_icon_size')}}px;
}
but not successfullyā¦they need an actual click for that. The tooltip is a hover
I previously used card-mod to increase the size of the icons in my header bar, but at some point I lost that change. I thought @Ildar_Gabdullin posted about it, but I cannot find that in here either.
How do you change the size of the header bar icons?
I do not remember about changing an iconās size on a header.
But you may try it yourself using my examples of customizing a header:
card-mod thread ā 1st post ā link at the bottom ā examples for themes
However, it doesnāt hide them in the Settings page.
I noticed a different path, (ha-panel-config vs. ha-panel-lovelace) but I donāt know how to approach it:
How do I modify that to insert into a theme to change the background for all of my popups? This suggests I just add āāā in front of background, but that does not work. Iāve tried a few other variations which also donāt work. Thanks.
/* Set the color of the currently selected tab indicator.
Set size of the currently selected tab icon*/
paper-tab[aria-selected=true] {
color: gold;
background-color: rgba(var(--primary),0.3);
--mdc-icon-size: {{states('input_number.active_icon_size')}}px;
}
right, so after initial succes downgrading to 3.1.4 and see the icon mods in the tabs work properly again and change based on templates like:
paper-tab[aria-label='Verwarming'] ha-icon$: |
ha-svg-icon {
--card-mod-icon: {% set action = state_attr('climate.front_room','hvac_action') %}
{{'mdi:radiator' if action == 'heating' else
'mdi:radiator-disabled' if action == 'idle' else
'mdi:radiator-off'}};
}
Ive now updated to HA 2022.12.0b2, and the icons wont change any longer.
The template still is fineā¦
anyone else seeing changes/issues in this regard?
Is it card-mod, or is it HA Frontendā¦
update
Thought is was fixed updating to 2022.12.0b3 and saw the tab icons change correctly. However, updated to 12.0b4 and as of this morning the icons are again fixed, and not responding to the templates in card-modā¦
its the same on ll of my tabs, icon doesnt change, icon color does:
paper-tab[aria-label='Beweging'] ha-icon$: |
ha-svg-icon {
--card-mod-icon: {{'mdi:motion-sensor' if is_state('binary_sensor.motion_sensors_all','on') else
'mdi:motion-sensor-off'}};
color: {{'red' if is_state('binary_sensor.motion_sensors_all','on')}};
}
doesnt work, because there is no label on the Search item. Would you know another way to do so? Meanwhile Ill ask Philip if the menu item an get a label
So you are talking about the mobile/slim view, where the search you want to hide is in threedotmenu?
Then you can use e.g. the path you have posted, the child(2)-way. If this is always the case this way.
Didnāt we have exactly this already in the past? At least I have this already commented out in my theme from the last tests for you.
At least I have this already commented out in my theme from the last tests for you.