Mushroom et / ou card-mod me rendent fou

Entraide Home Assistant
1

Bonjour,

je convertis mon dahboard Lovelace à Mushroom que je trouve agréable.

actuellement je butte avec Card-mod, j’ai réussi grâce aux divers tutos et exemples de @Clemalex à modier mes cartes. j’ai suivi le tuto vidéo de @Clemalex xx fois, j’ai lu et relu le github de card-mod.

mais là je bloque , je crois que j’ai encore des trous de compréhension.

mon souhait , réduire en hauteur la barre de défilement
image

voici le code de ma carte

type: custom:mushroom-number-card
entity: input_number.temps_charge_velo_1
layout: horizontal
display_mode: slider
icon_color: blue
secondary_info: state
card_mod:
  style:
    .: |
      ha-card  > mushroom-card {
        height: 100px;
       }
    mushroom-number-value-control:
      mushroom-slider:
        $: |

          mushroom-slider > div  {
           height: 15px;
           }

et la copie de l’inspection de la carte

image
image605×806 123 KB

lorsque je mets l’element_style en manuel dans la page de développement cela fonctionne.

j’arrive bien à modifier avec card-mod, la hauteur de la carte complète (ex 100px).

j’ai réussi à faire entrer card-mod dans le shadow root de mushroom- slider, mais après rien ne se passe.
j’ai essayé de mettre le chemin du sélecteur complet, partiel rien n’y fait. Le style de card-mod reste vide

à partir de quel endroit de l’arborescence faut il commencer ?

merci de vos lumières, pour qu’ l’avenir je puisse me débrouiller.

2

Bonjour,
Si c’est l’élément mushroom-slider que tu souhaites modifier, card-mod doit visiblement descendre d’encore un niveau. Sur la capture d’écran de l’inspecteur que tu partages, card-mod ne passe pas le shadow-root sous mushroom-slider.
Celui dont tu parles est au niveau du shadow-root de mushroom-number-value-control.

3

merci de ta réponse, effectivement, card mod est au niveau de mushroom-number-value-control.
mais je n’arrive pas à le mettre sous mushroom-slider.

je viens de re-regarder la vidéo de @Clemalex ma syntaxe et l’indentation parait correcte mais je n’ai rien.

4

Je vais essayer de regarder pour au moins t’aider à taper au bon endroit :+1:

edit:

Voici de quoi taper là ou tu veux :

image
image724×152 2.26 KB

Il est parfois nécessaire de décomposer le chemin avec card-mod :

type: custom:mushroom-number-card
entity: input_number.hacf
layout: horizontal
display_mode: slider
icon_color: blue
secondary_info: state
card_mod:
  style:
    mushroom-card:
      div:
        mushroom-number-value-control:
          $:
            mushroom-slider:
              $: |
                #slider{
                  height: 50%;
                  margin-top: 10px;
                }
5

merci beaucoup pour la solution, si je comprends on peut faire « naviguer » card-mod avec le symbole $ plusieurs fois, je ne l’ai lu nulle part.
bravo
deux jours de recherche qui se terminent bien

1 « J'aime »