⚪ Bubble Card - A minimalist card collection for Home Assistant with a nice pop-up touch

Ok I’ve fixed the graph position with these values:

  - type: custom:mini-graph-card
    entities:
      - entity: sensor.docker_jellyfin_jellyfin1_cpu
        name: CPU
        color: "#ff8c00"
      - entity: sensor.docker_jellyfin_jellyfin1_memory
        name: Memory
        color: "#3399ff"
        y_axis: secondary
    height: 70
    hours_to_show: 24
    line_width: 3
    font_size: 50
    animate: true
    show:
      name: false
      icon: false
      state: false
      legend: false
      fill: fade
    card_mod:
      style: |
        ha-card {
          position: absolute !important;
          height: 117%;
          width: 100%;
          top: -17px;
          --ha-card-border-width: 0;
        }  
        ha-card:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, var(--card-background-color) 20%,
        transparent);
        }

This is the result

1 Like
background: linear-gradient(to right, var(--card-background-color) 20%,
        transparent);

this is the gradient

1 Like