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

Half blank card on desktop browser #549

Open
TimBeekman opened this issue Jun 5, 2024 · 3 comments
Open

Half blank card on desktop browser #549

TimBeekman opened this issue Jun 5, 2024 · 3 comments
Labels
bug Something isn't working

Comments

@TimBeekman
Copy link

Describe the bug
image
You can see the alarm card is only displayed partly. I need to scroll to see the rest of the card. This only happens on desktop

This goes for any Bubble card i have, no matter what cards are in the stack.

Expected behavior
See this picture of my phone:
image

Screenshots
If applicable, add screenshots to help explain your problem.

Informations (please complete the following information):

  • Browser: chrome
  • Bubble Card version: 2.0.1
  • Home Assistant version: 2024.6
@TimBeekman TimBeekman added the bug Something isn't working label Jun 5, 2024
@TimBeekman
Copy link
Author

Update, it only happens when I use % in stead of px

@Clooos
Copy link
Owner

Clooos commented Jun 12, 2024

Indeed! Something has changed in the v2, you can use for example 50vh instead of 50% now, I've just changed that example in the editor and I will do the same in the editor.

Also if you want a fixed height for your pop-up (e.g. 400px) you can do this:

    margin_top_mobile: calc(100vh - 400px)
    margin_top_desktop: calc(100vh - 400px)

@Clooos
Copy link
Owner

Clooos commented Jun 17, 2024

Any feedback on this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants