Bouton dashboard header qui ne s'affichent pas

Entraide Home Assistant
1

Bonsoir à tous.

Je poste ici car j’ai un soucis avec les boutons d’appel sur l’entête du dashboard.

Je m’explique: quand je suis sur mon dashboard, mes icônes (pas tous) qui me permettent de naviguer sur mon lovelace sont complètement opaques. c’est à dire que je peux passer la souris dessus, l’info-box apparait bien et le clic me mène bien sur la page concernée.

Si je passe en mode édition, tout mes bouton réapparaissent.
je vous montre ça en image, ce sera plus parlant.

En mode édition:

Capture d'écran 2023-05-16 234938
Capture d'écran 2023-05-16 2349381898×132 17.2 KB

Apres avoir cliqué sur « terminé »:

Capture d'écran 2023-05-16 235005
Capture d'écran 2023-05-16 2350051889×71 7.09 KB

On voit ici que mes chips-card que j’ai mis au niveau de header sont absentes. Je rafraichis en vidant le cache (sans le vider aura le même effet) et ca donne ça:

Sans titre
Sans titre1914×98 73.5 KB

Ici on peut voir que l’info-box apparait bien et que le bouton est bien présent physiquement mais pas visuellement.

Quelqu’un a déjà rencontré ce problème?

Edit: ce sont les pages sur lesquelles j’ai mis un icône issue de l’intégration Hass-hue-icons…
Je pense que le problème vient de là mais je ne sais pas comment le signaler

2

Bonjour,
as tu bien ajouter c’est ligne dans ton configuration.yaml ?

frontend:
  extra_module_url:
    - /hacsfiles/hass-hue-icons/hass-hue-icons.js

J’utilise custom-brand-icons et hass-bha-icons

Voici ma config:

frontend:
  themes: !include_dir_merge_named themes
  extra_module_url:
    - /hacsfiles/lovelace-card-mod/card-mod.js
    - /hacsfiles/custom-brand-icons/custom-brand-icons.js
    - /hacsfiles/hass-bha-icons/hass-bha-icons.js
3

Bonjour @WarC0zes :wave:

Non je ne l’ai pas rajouté. J’ai installé l’intégration via HACS et j’ai automatiquement la ligne qui se rajoute dans mes resources lovelace.

Capture d'écran 2023-05-17 055419
Capture d'écran 2023-05-17 0554191909×78 5.13 KB

je dois la rajouter quand même tu penses?

Edit:
Je l’ai rajouté pour tester mais ça ne change rien

4

Ja testé en supprimant la header_cards du code yaml dans mon lovelace et je n’ai plus le problème.
Ce serait donc header_cards qui entre en conflit avec hass hue icons?
Je montre le code de la carte

header_cards:
  cards:
    - type: custom:mushroom-chips-card
      chips:
        - type: template
          entity: alarm_control_panel.alarmo
          icon: |
            {% set state=states('alarm_control_panel.alarmo') %}
            {% if state=='disarmed' %}
            mdi:shield-home
            {% elif state=='armed' %}
            mdi:shield-lock
            {% else %}
            mdi:shield-alert
            {% endif %}
          icon_color: |-
            {% set state=states('alarm_control_panel.alarmo') %}
            {% if state=='disarmed' %}
            green
            {% elif state=='armed' %}
            red
            {% else %}
            orange
            {% endif %}
          content: '{% set state=states(''alarm_control_panel.alarmo'') %}'
          tap_action:
            action: more-info
        - type: template
          entity: sensor.time
          content: '{{ states("sensor.time") }}'
        - type: template
          entity: sensor.date_v2
          content: '{{ states("sensor.date_v2") }}'
        - type: weather
          entity: weather.saint_germain_les_corbeil
          show_conditions: true
          show_temperature: true
        - type: entity
          entity: sensor.saint_germain_les_corbeil_wind_speed
          icon_color: blue-grey
        - type: entity
          entity: sun.sun
          icon_color: blue-grey
        - type: entity
          entity: sensor.moon
          icon_color: blue-grey
title: home
views:
  - title: accueil
    path: accueil
    icon: mdi:home
    type: custom:grid-layout
    theme: Mushroom
    badges: []

Il est positionné en tête de code juste au dessus du ‹ title home › comme tu peux le voir dans le code ci-dessus

5

Moi aussi header_cards bug un peu. Faudrait ouvrir une issue sur le github.

6

Je ne sais pas comment on fait. Tu peux m’aiguiller?

7

Va sur GitHub - gadgetchnnel/lovelace-header-cards: Header Cards
tu va dans l’onglet issues et clique sur New issue. Remplir les informations …

new issue
new issue1872×181 16.6 KB

8

Ok merci. Je check ça tout à l’heure :wink:

9

bon, je ne sais pas si c’est le fait d’avoir rajouté la ligne frontend dans le configuration.yaml ou autre chose mais dans la nuit, le problème à l’air de s’être résolu… :thinking: :thinking:
A suivre du coup.

J’en ai profité pour aller jeter un coup d’oeil aux intégration que tu as mis en liens plus haut, celle de elax46 est très complète je trouve. je vais me laisser tenter :grin:

10

en ajoutant c’est ligne, faut reboot HA pour que ca le prenne en compte.

Oui, les icones de elax46 sont top et tu peu faire des rêquetes d’icone aussi :slight_smile:

11

J’avais juste rechargé toute la config yaml quand je l’ai rajouté mais il a fallu

faire un reboot plus tard pour autre chose, c’est sûrement ça qui a fait fonctionner le module du coup.

oui j’ai vu ça. c’est top qu’il soit aussi réactif :slightly_smiling_face:

Du coup, je mets ta réponse en solution :wink:

1 « J'aime »