sunsynk-power-flow-card icon indicating copy to clipboard operation
sunsynk-power-flow-card copied to clipboard

Reponsive Design

Open devilliersjohnny opened this issue 6 months ago • 4 comments

Is there an existing issue for this?

  • [X] I have searched the existing issues

Current Behavior

While designing the dashboard to be responsive have come across a few bugs...

  1. When the view area becomes less than 740px wide the lite and compact cards seem to cut off the last bit of the Daily load Reading Lite Card

Compact Card

Whereas the full card doesn't

Full Card

  1. When the view area narrower towards the mobile end... there is a rather large gap between elements

Extra Space

Steps To Reproduce

  1. Environment
    • Home assistant version - 2024.7.4
    • Web browser - FireFox using the responsive design ( ctrl + shift + m )

Expected behaviour

Would like to have the card displaying the entire reading not cutting some off, it appears that you have changed either the margin or padding between the full and other cards ( look towards the grid side )

Then would also like to see the top of the card stay in the same place when resizing... at this point it adds additional space as is shrinks

OH! P.S Thanks to you and all of your contributors, the card is brilliant otherwise!

Card Version

4.44

Home Assistant Version

2024.7.4

Configuration

No response

Relevant log output

No response

devilliersjohnny avatar Aug 10 '24 10:08 devilliersjohnny