Clooos
[v2.0.0-beta.6] Pop-up display and style issues
Hi, I have 3 Pop-ups in a subview, and one of them is displayed wrong (Main entrance) while the other 2 display as they should. Also I have CSS to remove the border radius for all the pop-ups, but it’s not working for the top of the card.
OS: iOS Browser: Companion App Bubble Card version: v2.0.0-beta.6 Home Assistant version: 2024.4.4
Thank you!
Thank you for the feedback, I will take a look at the CSS issue, but for your pop-up issue I will need more details to understand what's wrong, you are the first to tell me that.
Hi, I’ve fixed the pop-up with the display issue. Actually it was not quite a fix, I just deleted the card and added it again. Now it’s displaying as it should. I don’t know what was causing that issue. Anyway, is there any progress on the top of the card issue, being able to set the border radius to 0, there as well? Thank you!
Hi, I'm glad that you fixed your issue!
To change the border-radius you can do that in the custom styles:
.bubble-pop-up {
border-radius: 20px !important;
}
Unfortunately this is not working, even if I updated to the latest version and cleared the frontend cache:
.bubble-pop-up {
border-radius: 0px !important;
}
I used to have this before, but this is not working either for quite some time:
#root {
border-radius: 0px !important;
}
I've just tried and I can confirm that this is working right after pasting this in the custom styles section:
.bubble-pop-up {
border-radius: 0px !important;
}
So it does indeed… meaning the issue’s on my end. Wonder what is causing this? I’ll keep looking into it.
Thanks!
Keep me informed if you find what's causing this, this is weird indeed.
Edit: I know what is causing this! Just add a header and it will works, but this is indeed an issue that I forgot to fix!
It does work indeed, if you add a header, although in most of the cases I don't have a need for a header