home-assistant / frontend

:lollipop: Frontend for Home Assistant
https://demo.home-assistant.io
Other
3.81k stars 2.61k forks source link

Sensor card is squashed #21317

Closed bbs2web closed 4 days ago

bbs2web commented 1 week ago

Checklist

Describe the issue you are experiencing

Sensor cards are now half the height they were before, don't like the text superimposed the way it is now.

https://www.home-assistant.io/dashboards/sensor/

What it looks like now: image

in safe mode: image

Describe the behavior you expected

Restore original size of sensor cards in dashboards

Steps to reproduce the issue

Upgrade to 2024.07.1, then force refresh the UI

What version of Home Assistant Core has the issue?

2024.7.1

What was the last working version of Home Assistant Core?

2024.7.0

In which browser are you experiencing the issue with?

Google Chrome 126.0.6478.127

Which operating system are you using to run this browser?

Microsoft Windows 11 Enterprise 23H2 (build 22631.3810)

State of relevant entities

No response

Problem-relevant frontend configuration

Dashboard:
type: vertical-stack
cards:
  - graph: line
    type: sensor
    detail: 2
    entity: sensor.pv_power
    name: Solar
    hours_to_show: 48

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

a1ex-ak commented 1 week ago

Снимок экрана от 2024-07-06 12-09-21

Blacksli commented 1 week ago

2024.7.0

IMG_20240706_141510_996

2024.7.1 IMG_20240706_141501_630

bbs2web commented 1 week ago

I'm using a vertical-stack card, the following doesn't appear to have any affect:

    layout_options:
      grid_columns: 1
      grid_rows: 4

Couldn't get a 'before' image, the post by Blacksli demonstrates the problem though: [Blacksli](https://github.com/Blacksli)

piitaya commented 1 week ago

Fixed with https://github.com/home-assistant/frontend/issues/21313. It will be fixed in 2024.7.2 release.

bbs2web commented 1 week ago

Thank you @piitaya . Got it tweaked to my liking using a sections view dashboard, where I could then specify the columns and rows:

  - icon: mdi:home-lightning-bolt
    title: Garage
    path: garage
    type: sections
    max_columns: 1
    sections:
      - type: grid
        cards:
          - graph: line
            type: sensor
            detail: 2
            entity: sensor.inverter_pv_power
            name: Solar
            hours_to_show: 48
            layout_options:
              grid_columns: 4
              grid_rows: 3

image