Hi guys,
I’m investing some time in my Lovelace at the moment and can’t reach my target. I want all button cards to have the same size, which is working perfectly when I don’t use the mini-graph-card inside of it.
Here is an example (lets call this “5-pack”):
I want it to look like this (lets call it “4-pack”):
On my mobile device (iOS APP on iPhone XS) also the “4 pack” is resizing the buttons with the mini-graph-card in the same way like the “5-pack”.
Here is my code of the 4-pack (which is the same like the 5-pack, just with one button less):
cards:
- aspect_ratio: 1/1
color: 'rgb(28, 128, 199)'
entity: light.stehlampe_h
icon: 'mdi:floor-lamp'
name: Stehlampe
state:
- color: var(--disabled-text-color)
value: 'off'
- color: 'rgb(253, 216, 53)'
value: 'on'
type: 'custom:button-card'
- aspect_ratio: 1/1
color: 'rgb(28, 128, 199)'
entity: cover.shelly_shsw_25_740a75
name: |
[[[
var bri = states['cover.shelly_shsw_25_740a75'].attributes.current_position;
return 'Rollo: ' + bri + '%';
]]]
state:
- color: var(--disabled-text-color)
icon: 'mdi:window-shutter'
value: closed
- color: 'rgb(253, 216, 53)'
icon: 'mdi:window-shutter-open'
value: open
type: 'custom:button-card'
- color_thresholds:
- color: '#e0614c'
value: 21
- color: '#fe9c67'
value: 19
- color: '#abe673'
value: 17
- color: '#00a1ff'
value: 0
entities:
- sensor.temp
font_size: 75
points_per_hour: 2
show:
graph: bar
icon: false
name: null
state: true
type: 'custom:mini-graph-card'
- color_thresholds:
- color: '#e0614c'
value: 60
- color: '#fe9c67'
value: 50
- color: '#abe673'
value: 40
- color: '#00a1ff'
value: 0
entities:
- sensor.humid_2
font_size: 75
points_per_hour: 2
show:
graph: bar
icon: false
name: null
state: true
type: 'custom:mini-graph-card'
type: horizontal-stack