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

[Bug] Button-Fontsize in HA mobile interface #42

Open
gethash opened this issue Dec 13, 2024 · 2 comments
Open

[Bug] Button-Fontsize in HA mobile interface #42

gethash opened this issue Dec 13, 2024 · 2 comments
Assignees
Labels
bug Something isn't working Stale

Comments

@gethash
Copy link

gethash commented Dec 13, 2024

Short summary 📝

The font-size of buttons is not consistent in the home assistant mobile app for iOS

Detailed description 📋

As you can see, the font-size for buttons are not consistent using the iOS mobile app. I cannot reproduce this using developer tools in Safari or chrome to have this on the desktop or pure safari (it works there). I am also not able to find a spot to configure this correctly. As a workaround I can probably force this using some css and media queries but perhaps there is a better or know way to solve this (non critical) issue. Thanks for the good work!

Version 📦

v1.4.2

Environment 🌐

Home Assistant Ios

Logs and screenshots 📂

IMG_E8D526635714-1

@gethash gethash added the bug Something isn't working label Dec 13, 2024
@ngocjohn
Copy link
Owner

ngocjohn commented Dec 13, 2024

@gethash Hi, check the HA app settings, if the page zoom is not more than default (100%), then it has a problem with the font size.

Setting > Companion app > General > Page zoom 

Or you can log into HA via the mobile browser to see if there is a problem with the app.
I'll try to change the css for button, release it as beta, please could you test it then? Thanks

in the meantime, if you use card_mod, you can try to test the font-size like this..

type: custom:vehicle-status-card
card_mod:
  style: 
    vehicle-buttons-grid$:
      vsc-button-single$: |
        span.primary {
          font-size: 1.2em;
        }
        span.secondary {
          font-size: 1.2em;
        }

@ngocjohn ngocjohn self-assigned this Dec 14, 2024
Copy link

This issue is stale because it has been open 7 days with no activity. Remove stale label or comment or this will be closed in 5 days.

@github-actions github-actions bot added the Stale label Dec 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Stale
Projects
None yet
Development

No branches or pull requests

2 participants