I have a bit of an issue with display of mixed text and bignumber cards since I updated to 11.2
Heres is a sample of the old display (release 9.2):
and a sample of after (release 11.2):
and the custom code:
type: custom:layout-card
layout_type: grid
layout:
grid-template-columns: 316px 316px 316px 316px
grid-template-rows: 176px 176px 176px 176px 76px
grid-template-areas: |
"L1 L1 R1 R1"
"L2 L2 WS rT"
"oT pT WS rG"
"a4 pT SM d4"
"fL fL fL fR"
cards:
- type: custom:stack-in-card
mode: horizontal
view_layout:
grid-area: L1
cards:
- type: custom:bignumber-card
style: |
ha-card {
padding: 0px 0px 0px 8px;
text-align: right;
margin-right: 40px;
font-Weight: bold;
}
scale: 118px
entity: sensor.outdoor_temperature
hideunit: true
- type: custom:stack-in-card
mode: vertical
cards:
- type: markdown
style: |
ha-card {
padding: 0px 0px 0px 0px;
margin-top: 0px;
font-size: 24px;
height: 74px !important;
}
content: |
# <center>Outdoors</center>
- type: custom:bignumber-card
style: |
ha-card {
padding: 0px 00px 40px 00px;
margin-left: 00px;
height: 56px !important;
font-Weight: 600;
}
scale: 70px
entity: sensor.humidity
hideunit: false
Obviously, something changed, or I was doing something that was not correct, but worked.
I also updated all the custom components.
I have a number of these (and similar cards) in a grid display for monitoring weather conditions.
Any suggestions?