Skip to content

Can the gauge bar size be changed ? #69

@KrzesloSzatan

Description

@KrzesloSzatan

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
      }
     }

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions