Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

energy dashboard hides most significant number #24662

Closed
3 of 4 tasks
fabsenet opened this issue Mar 17, 2025 · 3 comments · Fixed by #24716
Closed
3 of 4 tasks

energy dashboard hides most significant number #24662

fabsenet opened this issue Mar 17, 2025 · 3 comments · Fixed by #24716

Comments

@fabsenet
Copy link

fabsenet commented Mar 17, 2025

Checklist

  • I have updated to the latest available Home Assistant version.
  • I have cleared the cache of my browser.
  • I have tried a different browser to see if it is related to my browser.
  • I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

Image

How much energy did my home consume in 2024? 3k? 8k? 13k? The first number seems to be behind the circle.

Happens on mobile app (android) and web. Did not test anywhere else.

Describe the behavior you expected

Readable number or at least make the least significant number hidden. But I would prefer fully readable numbers

Steps to reproduce the issue

Open energy dashboard with large enough numbers

What version of Home Assistant Core has the issue?

2025.3.3

What was the last working version of Home Assistant Core?

never?

In which browser are you experiencing the issue?

Firefox latest

Which operating system are you using to run this browser?

Linux mint, windows 11, android

State of relevant entities

Problem-relevant frontend configuration

Javascript errors shown in your browser console/inspector

Additional information

No response

@karwosts
Copy link
Contributor

I wonder if you've got any kind of custom theme or font scaling thing going on?

I tried two browsers, windows and android at various zoom and screen sizes and they all fit a 4 digit kWh value.

Image

@fabsenet
Copy link
Author

Hi! So your comment made me wonder and i tried around. it only happens on mobile, not on web (i corrected the initial post. I was sooo sure about it but nevermind).

I have a google pixel 8 pro and i have modified my global font sizes to:

Image

The magenta line mark the android defaults for my phone. I tried close to all variations possible with theses sliders and the one i like the most is the only one having the clipping issue.

Can i get at least a z-index change so the text in the circle is over the circle?

@karwosts
Copy link
Contributor

If I was going to do anything here I would consider just trying to shorten the strings.

Maybe if 1000 > value > 100 we can drop the fractional value.
If value > 1000 maybe show it in MWh.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants