Besoin d'un spécialiste de card-mod

Bonjour,

Ca fait des heures que je cherche à supprimer une bordure d’une custom:valetudo-map-card dans un custom_fields d’une custom:button-card.

L’inspecteur montre que cette bordure est définie dans le « :host » de la carte valetudo (voir deuxième capture) mais j’ai beau faire, celle-ci reste visible (alors que si je mets l’épaisseur de la bordure à 0px dans l’inspecteur, la bordure est bien supprimée - rendue invisible : voir troisième capture).

Bordure rendue invisible (border-width: 0px) :

Si quelqu’un qui maitrise bien card-mod passe par là (@Herbs par exemple) et trouve la solution, ça serait cool :grinning:

Salut @anon51798830,
peux-tu faire un clic droit sur la classe dix#robot et copier / copy JS path et montrer le chemin complet ?

Salut messieurs,

@anon51798830 tu peux même coller le path JS sur ce site :

https://matt8707.github.io/card-mod-helper/

Et le résultat devrait te mettre sur la piste :wink:

1 « J'aime »

Il est top ce site :wink:

document.querySelector("body > home-assistant").shadowRoot.querySelector("home-assistant-main").shadowRoot.querySelector("ha-drawer > partial-panel-resolver > ha-panel-lovelace").shadowRoot.querySelector("hui-root").shadowRoot.querySelector("#view > hui-view > hui-masonry-view").shadowRoot.querySelector("#columns > div > hui-card > button-card").shadowRoot.querySelector("#map > button-card").shadowRoot.querySelector("#robot")

Voilà la copie. Faut appliquer une mise en forme ?

Je ne suis pas « super mis sur la piste » là :crazy_face:

Mais bon, je ne me sers jamais de mod-card (sauf maintenant)…

essaye avec:

card_mod:
  style:
    button-card$:
      #map>button-card$: |
        #robot {
          border-width: 0
        }

Ca génère une erreur :thinking:

Alors si maintenant il faut rajouter du card-mod à une custom button-card pour arriver au résultat :joy:

1 « J'aime »

Alors test ca:

styles:
  custom_fields:
    robot:
      - "--ha-card-border-width": 0

C’est le problème avec ces cartes exotiques (valetudo)… :crazy_face:

Mais je vais voir, si je n’arrive à rien, en changeant la couleur de background du custom:fields support.

Décidement, quand on a le nez dans le guidon trop longtemps on ne fait plus que de la m…

essai

J’avais essayé avec

styles:
...
  custom_fields:
    robot:
      - border: none

sans succés, forcément… Merci @WarC0zes

Ca m’apprendra à vouloir mettre du card-mod dans le custom_fields d’un custom_fields d’une custom:button-card :grin:

1 « J'aime »

Hum, de loin sans pouvoir tester, j’essaierai :

card_mod:
  style: |
    .robot {
      border-width: 0
    }

Oui, je me doute qui’il aurais fallu changer par border. Mais je t’ai laissé un peu chercher, je t’ai quand même mis sur la piste :wink:

Ca ne fonctionne pas non plus (mais pas d’erreur là)

Ouais normal j’ai oublié le « ; » après le « 0 » :stuck_out_tongue:

card_mod:
  style: |
    .robot {
      border-width: 0;
    }

Possible aussi qu’il faille forcer un peu :

card_mod:
  style: |
    .robot {
      border-width: 0 !important;
    }

Merci à vous deux en tous cas (@WarC0zes et @Herbs), je vais pouvoir avancer et taper les 3000 prochaines lignes de la carte :crazy_face:

1 « J'aime »

Fais une pause avant de reprendre les 3000 prochaines lignes :wink:

Pas mieux :

Ça sert à quoi card_mod, utilise button-card :stuck_out_tongue:

1 « J'aime »