Générateur automatique d’effets météorologiques dynamiques 100% CSS

9 messages ont été fusionnés à un sujet existant : :sun_behind_small_cloud: MeteoCss Card — La Nouvelle Génération

11 messages ont été fusionnés à un sujet existant : :sun_behind_small_cloud: MeteoCss Card — La Nouvelle Génération

      - type: custom:meteo-card
        location: weather.forecast_maison
        sun_entity: sun.sun
        layers:
          - sky
        style:
          top: 50%
          left: 50%
          width: 100%
          height: 100%

normal avec un 100/100 je déborde un peu

je l’ai testé hors picture element aussi

je viens de vérifier sur l’autre, c’est la même entité


  - type: picture-elements
    image: /local/plan3D/Transparent 1920x1080.png
    entity: weather.forecast_maison
    scrolling_effect: false
    view_layout:
      grid-area: plan
    card_mod:
      style: |-
        ha-card {
          height: 100% !important;
          width: 100% !important;
          margin: 0 !important;
          padding: 0 !important;
          outline: 2px solid rgba(255, 255, 255, 0.3) !important;
          outline-offset: -2px; /* Force l'outline à l'intérieur pour ne pas déborder */
          border: none !important;
        }
        {%- from 'meteo.jinja' import sky -%}
        {{' '.join( sky().split())|replace('"',"")}}
        style:
          top: 50%
          left: 50%
          width: 100%
          height: 100%

edit: j’ai peut-être compris, j’ai un calque transparent dans le sandwich meteo / calque / maison

j’avais pas vu l’image dans ton dernier code

1

en fait ça fonctionne sur cette structure en mode_demo: true dès que je passe à false plus rien

  - type: picture-elements
    image: /local/plan3D/Transparent 1920x1080.png
    entity: weather.forecast_maison
    view_layout:
      grid-area: plan
    elements:
      - type: custom:meteo-card
        location: weather.forecast_maison
        sun_entity: sun.sun
        demo_mode: false
        layers:
          - sky
        style:
          top: 50%
          left: 50%
          width: 90%
          height: 90%
      - type: image
        view_layout:
          grid-area: plan
        image: /local/plan3D/plan 3D sans clio sans fond sans tourc calque reduit.png
        style:
          top: 55.3%
          left: 53.2%
          width: 80.5%
          z-index: 0
        tap_action:
          action: none