custom-cards / dual-gauge-card

Dual gauge custom card for Lovelace in Home Assistant
MIT License
188 stars 41 forks source link

Can the gauge bar size be changed ? #69

Open KrzesloSzatan opened 8 months ago

KrzesloSzatan commented 8 months ago

Hello, i would like to change the bar size of one of the gauges. In my config i have a gauge displaying temperature and since its a zigbee sensor it shows its battery lvl too, so i wanted it to just show it as a thin bar underneath and not the same size as the main one which is temperature for me. Ive tried to use card_mod and setup stroke-width but it appears its not the way... Can someone help ??

type: custom:dual-gauge-card
title: Temperatura
min: 0
max: 100
outer:
  entity: sensor.zigbee_temp_hum_sensor_temperature
  label: temp
  min: 0
  max: 100
  unit: °C
  colors:
    - color: var(--label-badge-green)
      value: 19
    - color: var(--label-badge-yellow)
      value: 22
    - color: var(--label-badge-red)
      value: 25
inner:
  entity: sensor.zigbee_temp_hum_sensor_battery
  label: batt
  unit: '%'
  colors:
    - color: var(--label-badge-green)
      value: 25
    - color: var(--label-badge-yellow)
      value: 15
    - color: var(--label-badge-blue)
      value: 5
card_mod:
  style: |
    ha-card {
      .gauge-label-outer {
         font-size: 0.9em !important;
       }
      .gauge-label-inner {
         font-size: 0.9em !important;
       }
      .gauge-value {
         font-size: 0.9em !important;
       }
      .gauge-value-outer {
         font-size: 0.9em !important;
       }
      .inner-gauge.circle-container.small-circle {
         stroke-width: 10px !important; #doesnt work
      }
     }