Mushroom-chips-card - supprimer les bordures autour des éléments?

Entraide Home Assistant
, ,
1

Bonjour à tous,

J’utilise pas mal les mushroom-chips-card
Mais dans certains cas, j’aimerai bien supprimer les bordures autour.

Actuellement j’ai ça :

image

et j’aimerai ça (on ne verra plus le BG une fois que j’aurai changé la couleur de la carte, pas d’inquiétude):

image

J’y arrive bien dans mon navigateur via les developper tools :

image

En revanche, je ne trouve pas où le mettre via card-mod, mes essais sont totalement infructueux :

type: custom:mushroom-chips-card
card_mod:
  style: |
    ha-card > ha-card.type-entity {
      border: 0 !important;
    }
chips:
  - type: entity
    entity: sensor.temperature_antoine
    icon_color: pink
  - type: entity
    entity: sensor.humidite_antoine
    icon_color: cyan
  - type: entity
    entity: sensor.etat_batterie_antoine
    icon_color: amber
alignment: justify

idem avec ha-card.type-entity comme sélecteur, ha-card tout seul, …

Bref, une bonne âme saurait-elle m’aider SVP ?

Merci d’avance :slight_smile:

2

Salut @titoumimi

Je pense qu’il faut le mettre pour chaque « chips » :

Exemple sur la première :

type: custom:mushroom-chips-card
chips:
  - type: entity
    entity: sensor.temperature_antoine
    icon_color: pink
    card_mod:
      style: |
        ha-card {
          border: none;
        }    
  - type: entity
    entity: sensor.humidite_antoine
    icon_color: cyan
  - type: entity
    entity: sensor.etat_batterie_antoine
    icon_color: amber
alignment: justify

image
image974×475 19.4 KB

2 « J'aime »
3

Effectivement, ça fonctionne super bien, merci beaucoup !

C’est un peu lourd, mais comme en vrai c’est dans un declustering-template, je m’en moque un peu :slight_smile:

type: custom:mushroom-chips-card
chips:
  - type: entity
    entity: sensor.temperature_antoine
    card_mod:
      style: |
        ha-card {
          border: 0 !important;
        }
    icon_color: pink
  - type: entity
    entity: sensor.humidite_antoine
    icon_color: cyan
    card_mod:
      style: |
        ha-card {
          border: 0 !important;
        }
  - type: entity
    entity: sensor.etat_batterie_antoine
    icon_color: amber
    card_mod:
      style: |
        ha-card {
          border: 0 !important;
        }
alignment: justify
4

Salut @titoumimi,
tu as des exemples de modification pour toutes les cartes mushroom sur ce post:

image
image742×311 12.7 KB

2 « J'aime »
5

ouh la vache, le travail de dingue ! Merci pour la ressource <3

Tout n’est pas 100% dedans visiblement, mais ça met bien sur la voie.
Du coup, mon besoin était le chip-border-width :

type: custom:mushroom-chips-card
card_mod:
  style: |
    ha-card {
      --chip-border-width: 0;
      --chip-background: transparent;
    }
chips:
  - type: entity
    entity: sensor.temperature_antoine
    icon_color: pink
  - type: entity
    entity: sensor.humidite_antoine
    icon_color: cyan
  - type: entity
    entity: sensor.etat_batterie_antoine
    icon_color: amber
alignment: justify

qui permet de n’avoir l’info qu’à un seul endroit !

Merci encore

1 « J'aime »
6

Celui là c’est un incontournable pour les cartes mushrooms !!

Titoumimi ça m’étonne que tu ne le découvres que maintenant…

7

Jusque là, je m’étais plutôt concentré sur l’aspect purement technique, j’essaie maintenant de rendre mon interface plus sexy, mais c’est pas gagné vu mes compétences dans le domaine :slight_smile:

8

C’est sage…

C’est le début de la fin… :rofl:

2 « J'aime »