I have been using the following code and on 4.3.2 and earlier, it has been aligning correctly to result in the desired output (pic 1).
Now with the same code on 4.3.3, the inner rectangled widgets aren’t scaled any more to the max (pic2). Now while you might think it still looks fine:
This is PC snapshots, but on mobile, the lacking inner space is totally messing up the rest.
Would anyone know how to fix that so it works on both OH versions, and landscape and upright orientation? Thanks.
config:
label: Stromrechnung
sidebar: true
style:
background: url(/static/home.png)
background-opacity: 100%
background-position: center
background-size: cover
height: 200%
title: Stromrechnung
blocks:
- component: oh-block
config: {}
slots:
default:
- component: oh-grid-row
config: {}
slots:
default:
- component: oh-grid-col
config: {}
slots:
default:
- component: oh-label-card
config:
fontSize: 1.0em
icon: iconify:carbon:time-plot
item: PVRechnung_Periodenstart
label: ="seit " + items.PVRechnung_Periodenstart.displayState
- component: oh-grid-row
config: {}
slots:
default:
- component: oh-grid-col
config: {}
slots:
default:
- component: oh-list-card
config:
mediaList: false
simpleList: false
slots:
default:
- component: widget:Rechnungseintrag
config:
color: orange
details1Text: Solarstrom
details1Value: PVRechnung_PVErtrag
details2Text: Verbrauch
details2Value: PVRechnung_Gesamtverbrauch
details3Text: Netzbezug
details3Value: PVRechnung_NetzBezugMonat
details4Text: Einspeisung
details4Value: PVRechnung_NetzeinspeisungMonat
icon: iconify:tabler:solar-panel-2
mainText: Autarkie
mainValue: PVRechnung_Autarkie
- component: widget:Rechnungseintrag
config:
color: firebrick
details1Text: Vergleichstarif
details1Value: PVRechnung_Normaltarif
details2Text: Strompreis Ø
details2Value: PVRechnung_NetzbezugskostenkWh
details3Text: EEG Vergütung
details3Value: PVRechnung_PreisEinspeisungCt
icon: iconify:fluent:money-hand-24-regular
mainText: ohne EMS
mainValue: PVRechnung_EuroGesamtOhnePVOhneTarif
- component: widget:Rechnungseintrag
config:
color: steelblue
details1Text: Netzbezug
details1Value: PVRechnung_EuroNetzbezug
details2Text: Eigenverbrauch
details2Value: PVRechnung_EuroEigenverbrauch
details3Text: PV Erstattung
details3Value: PVRechnung_EuroEinspeisung
details4Text: ohne PV
details4Value: PVRechnung_EuroGesamtOhnePV
icon: iconify:fluent:money-calculator-24-regular
mainText: "Ihre Rechnung "
mainValue: PVRechnung_EuroGesamt
- component: widget:Rechnungseintrag
config:
color: forestgreen
details1Text: Strom erzeugt
details1Value: PVRechnung_PVErtrag
details2Text: Strom gerettet
details2Value: extraErzeugterStrom
details3Text: CO₂ eingespart
details3Value: PVRechnung_CO2Einsparung
icon: iconify:carbon:energy-renewable
mainText: Belohnung
mainValue: KlimaBelohnung
masonry: []
grid: []
canvas: []